Background Utilities

Class	Value	Example
`.bg-transparent`	`transparent`
`.bg-black`	`#000000`
`.bg-white`	`#ffffff`
`.bg-gray-100`	`#E4E7EB`
`.bg-gray-200`	`#CBD2D9`
`.bg-gray-300`	`#9AA5B1`
`.bg-gray-400`	`#7B8794`
`.bg-gray-500`	`#616E7C`
`.bg-gray-600`	`#52606D`
`.bg-gray-700`	`#3E4C59`
`.bg-gray-800`	`#323F4B`
`.bg-gray-900`	`#1F2933`
`.bg-orange-100`	`#FAB38B`
`.bg-orange-200`	`#EF8E58`
`.bg-orange-300`	`#E67635`
`.bg-orange-400`	`#D25028`
`.bg-orange-500`	`#C65D21`
`.bg-orange-600`	`#AB4E19`
`.bg-orange-700`	`#8C3D10`
`.bg-orange-800`	`#77340D`
`.bg-orange-900`	`#572508`
`.bg-blue-100`	`#D1EEFC`
`.bg-blue-200`	`#A7D8F0`
`.bg-blue-300`	`#7CC1E4`
`.bg-blue-400`	`#55AAD4`
`.bg-blue-500`	`#3994C1`
`.bg-blue-600`	`#2D83AE`
`.bg-blue-700`	`#1D6F98`
`.bg-blue-800`	`#166086`
`.bg-blue-900`	`#0B4F71`
`.bg-purple-100`	`#CFBCF2`
`.bg-purple-200`	`#A081D9`
`.bg-purple-300`	`#8662C7`
`.bg-purple-400`	`#724BB7`
`.bg-purple-500`	`#653CAD`
`.bg-purple-600`	`#51279B`
`.bg-purple-700`	`#421987`
`.bg-purple-800`	`#34126F`
`.bg-purple-900`	`#240754`
`.bg-green-100`	`#C1EAC5`
`.bg-green-200`	`#A3D9A5`
`.bg-green-300`	`#7BC47F`
`.bg-green-400`	`#57AE5B`
`.bg-green-500`	`#3F9142`
`.bg-green-600`	`#2F8132`
`.bg-green-700`	`#207227`
`.bg-green-800`	`#0E5814`
`.bg-green-900`	`#05400A`
`.bg-red-100`	`#FACDCD`
`.bg-red-200`	`#F29B9B`
`.bg-red-300`	`#E66A6A`
`.bg-red-400`	`#D64545`
`.bg-red-500`	`#BA2525`
`.bg-red-600`	`#A61B1B`
`.bg-red-700`	`#911111`
`.bg-red-800`	`#780A0A`
`.bg-red-900`	`#610404`

Default Color Map

$colors: (
    "transparent": transparent,
    "white": #ffffff,
    "black": #000000,
    "gray": (
        100: #E4E7EB,
        200: #CBD2D9,
        300: #9AA5B1,
        400: #7B8794,
        500: #616E7C,
        600: #52606D,
        700: #3E4C59,
        800: #323F4B,
        900: #1F2933
    ),
    "orange": (
        100: #FAB38B,
        200: #EF8E58,
        300: #E67635,
        400: #D25028,
        500: #C65D21,
        600: #AB4E19,
        700: #8C3D10,
        800: #77340D,
        900: #572508
    ),
    "blue": (
        100: #D1EEFC,
        200: #A7D8F0,
        300: #7CC1E4,
        400: #55AAD4,
        500: #3994C1,
        600: #2D83AE,
        700: #1D6F98,
        800: #166086,
        900: #0B4F71
    ),
    "purple": (
        100: #CFBCF2,
        200: #A081D9,
        300: #8662C7,
        400: #724BB7,
        500: #653CAD,
        600: #51279B,
        700: #421987,
        800: #34126F,
        900: #240754
    ),
    "green": (
        100: #C1EAC5,
        200: #A3D9A5,
        300: #7BC47F,
        400: #57AE5B,
        500: #3F9142,
        600: #2F8132,
        700: #207227,
        800: #0E5814,
        900: #05400A
    ),
    "red": (
        100: #FACDCD,
        200: #F29B9B,
        300: #E66A6A,
        400: #D64545,
        500: #BA2525,
        600: #A61B1B,
        700: #911111,
        800: #780A0A,
        900: #610404
    )
);