Cherry offers a curated set of predefined colors to kickstart your interface design. Depending on your specific requirements, you can always tweak or expand this palette. However, in most scenarios, the default palette of 18 colors should suffice.
Primary
Token
Value
Preview
primaryLight
#91AEC4
primary
#4D6F8B
primaryDark
#194569
Secondary
Token
Value
Preview
secondaryLight
#A4B17B
secondary
#5C6E46
secondaryDark
#354C2B
Tertiary
Token
Value
Preview
tertiaryLight
#EBCCB9
tertiary
#816B5A
tertiaryDark
#675445
Gray
Token
Value
Preview
grayLight
#E5E7EB
gray
#9CA3AF
grayDark
#4B5563
Status
Token
Value
Preview
success
#84CC16
error
#EF4444
warning
#EAB308
info
#06B6D4
Neutrals
Token
Value
Preview
dark
#000000
light
#FFFFFF
Colors can be found in the Figma Template in the Colors page.
