Color
Below you can find our brand colors styled with tailwindcss.
Brand Colors
primary.500
HEX #FF6D2A | hsl(19, 100, 58) | Pantone 165 C
primary.600
HEX #E25718 | hsl(19, 81, 49)
primary.400
HEX #FF905D | hsl(19, 100, 68)
primary.200
HEX #FFEAE0 | hsl(19, 100, 94)
primary.100
HEX #FFF8F5 | hsl(18, 100, 98
secondary.500
HEX #5C99D2 | hsl(209, 57, 59) | Pantone 298 C
Secondary.600
HEX #3871A5 | hsl(209, 49, 43)
secondary.200
HEX #DFEBF6 | hsl(209, 56, 92)
secondary.100
HEX #F3F8FC | hsl(207, 60, 97)
Neutral Colors
black
HEX #2F3033 | hsl(225, 4, 19) | Pantone 426 C
neutral.600
HEX #4C4D52 | hsl(230, 4, 31)
neutral.500
HEX #696B72 | hsl(227, 4, 43)
neutral.400
HEX #95979D | hsl(225, 4, 60)
neutral.300
HEX #BFC0C4 | hsl(228, 4, 76)
neutral.200
HEX #EAEAEB | hsl(240, 2, 92)
neutral.100
HEX #F4F5F5 | hsl(180, 5, 96)
white
HEX #FFFFFF | hsl(0, 0, 100)
States Colors
danger.500
HEX #E81B2F | hsl(354, 82, 51)
transparent
HEX #000000 | hsl(0, 0, 0) 0%