Color
Palette
Black and White do most of the work. The bright colors come from our stickers and are used in small doses, for moments that should feel fun. Copy values from the tiles, never from a screenshot.
Proportion
Roughly how much of each color appears on a page. Black and White carry almost everything; the brights are a spark, not a background.
Black
38%
White
25%
Lime
13%
Contrast
Pairings that stay readable, checked against WCAG. AAA and AA work for text at any size; AA Large only for headings and big type.
Aa
White on Black
AAA · 21.0:1
Aa
Black on White
AAA · 21.0:1
Aa
Lime on Black
AAA · 18.7:1
Aa
Black on Lime
AAA · 18.7:1
Aa
Black on Green
AAA · 15.2:1
Aa
Plum on White
AAA · 12.6:1
Aa
White on Plum
AAA · 12.6:1
Aa
White on Teal
AAA · 11.3:1
Color modes
Use RGB and hex on screen, which is where Joisti lives. For print, match the Pantone references where they are given; CMYK will look a little duller, especially the brights.
Color mode
Application
Notes
RGB
Screen
Most vibrant, the truest depiction of the palette
Pantone
Print
Vibrant, the preferred method for printing
CMYK
Print
Less vibrant; printers should match Pantones where possible
Updated Oct 09, 2026Made with