Color

Color reference to support or emphasize content or to help conveying a message.
For more information check Figma.

Body

Color Hex - -
Dark Grey 3 #39414A - -

Grey Scale

Background and Text

Color Hex Background Class Text Class Css Variable
White #ffffff .background-color-white .text-color-white --color-white
space-grey #F5F6FA .background-color-spacegrey .text-color-spacegrey --color-spacegrey
lightgrey-1 #DEDFE4 .background-color-lightgrey1 .text-color-lightgrey1 --color-lightgrey1
lightgrey-2 #C6C9CE .background-color-lightgrey2 .text-color-lightgrey2 --color-lightgrey2
lightgrey-3 #AFB2B8 .background-color-lightgrey3 .text-color-lightgrey3 --color-lightgrey3
lightgrey-4 #979CA2 .background-color-lightgrey4 .text-color-lightgrey4 --color-lightgrey4
grey #80858C .background-color-grey .text-color-grey --color-grey
darkgrey-1 #686E76 .background-color-darkgrey1 .text-color-darkgrey1 --color-darkgrey1
darkgrey-2 #515860 .background-color-darkgrey2 .text-color-darkgrey2 --color-darkgrey2
darkgrey-3 #39414A .background-color-darkgrey3 .text-color-darkgrey3 --color-darkgrey3
darkgrey-4 #222B34 .background-color-darkgrey4 .text-color-darkgrey4 --color-darkgrey4
space-blue #0A141E .background-color-spaceblue .text-color-spaceblue --color-spaceblue
black #000000 .background-color-black .text-color-black --color-black

Red

CTA and Titles, Negative Actions

Color Hex Background Class Text Class Css Variable
lightred #F85E40 .background-color-lightred .text-color-lightred --color-lightred
red #F22800 .background-color-red .text-color-red --color-red
softred #DB2400 .background-color-softred .text-color-softred --color-softred
darkred #BB1F00 .background-color-darkred .text-color-darkred --color-darkred

Yellow

Links and Titles, Warnings

Color Hex Background Class Text Class Css Variable
lightyellow #FED06B .background-color-lightyellow .text-color-lightyellow --color-lightyellow
yellow #FDB515 .background-color-yellow .text-color-yellow --color-yellow
darkyellow #D99B11 .background-color-darkyellow .text-color-darkyellow --color-darkyellow

Blue

Links

Color Hex Background Class Text Class Css Variable
lightblue #38BDFF .background-color-lightblue .text-color-lightblue --color-lightblue
blue #0077B2 .background-color-blue .text-color-blue --color-blue

Green

Positive Actions

Color Hex Background Class Text Class Css Variable
lightgreen #2DD267 .background-color-lightgreen .text-color-lightgreen --color-lightgreen
green #00802D .background-color-green .text-color-green --color-green

Others

Links Visited

Color Hex Background Class Text Class Css Variable
orange #F29027 .background-color-orange .text-color-orange --color-orange
violet #705C99 .background-color-violet .text-color-violet --color-violet