Color
Primary ColorMost things use Ink or Cream for the background. Teal is for buttons and links: bright Teal on dark, Deep Teal on light.
Ink
HEX#0A0C12
RGB10, 12, 18
CMYK44, 33, 0, 93
Panel
HEX#0F1420
RGB15, 20, 32
CMYK53, 38, 0, 87
Cream
HEX#F5F2EB
RGB245, 242, 235
CMYK0, 1, 4, 4
White
HEX#FFFFFF
RGB255, 255, 255
CMYK0, 0, 0, 0
Teal
HEX#2DD4BF
RGB45, 212, 191
CMYK79, 0, 10, 17
Deep Teal
HEX#0F766E
RGB15, 118, 110
CMYK87, 0, 7, 54
Logo ColorsThese belong to the logo. Gold also marks wins, like medals. Keep them out of everyday buttons.
Ring In
HEX#0891B2
RGB8, 145, 178
CMYK96, 19, 0, 30
Ring Mid
HEX#22D3EE
RGB34, 211, 238
CMYK86, 11, 0, 7
Ring Out
HEX#10B981
RGB16, 185, 129
CMYK91, 0, 30, 27
Gold
HEX#F5B83D
RGB245, 184, 61
CMYK0, 25, 75, 4
Text and LinesFor words and borders. On light pages, text is Ink.
Text on Dark
HEX#F8FAFC
RGB248, 250, 252
CMYK2, 1, 0, 1
Muted on Dark
HEX#94A3B8
RGB148, 163, 184
CMYK20, 11, 0, 28
Line on Dark
HEX#1B2433
RGB27, 36, 51
CMYK47, 29, 0, 80
Muted on Light
HEX#57534E
RGB87, 83, 78
CMYK0, 5, 10, 66
Edge on Light
HEX#E8E2D2
RGB232, 226, 210
CMYK0, 3, 9, 9