Sign Up Sign Up
Lite Brite

Lite Brite

7-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Lite Brite

7-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Earthy 7 colors Neutral Mixed Complementary color light litebrite toy
Likes 21
Colors 7

CSS variables

:root {
  --c-earthy-1: #383836;
  --c-earthy-2: #65A0C6;
  --c-earthy-3: #97C456;
  --c-earthy-4: #CB5F9A;
  --c-earthy-5: #DEA87B;
  --c-earthy-6: #F5F691;
  --c-earthy-7: #F3F8FB;
}

About this palette

This 7-color earthy palette runs from Distant Horizon (#F3F8FB) as its lightest tone to Lacquered Liquorice (#383836) as its darkest. It blends Lacquered Liquorice, Scott Base, Cabbage Patch, Phlox Pink, Thai Ice Tea, Milan and Distant Horizon into a single set you can drop straight into a UI. Of its 21 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #383836 on #F3F8FB at 10.98:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Lacquered Liquorice #383836
RGB
rgb(56, 56, 54)
HSL
hsl(60, 2%, 22%)
Luminance
0.039
Scott Base #65A0C6
RGB
rgb(101, 160, 198)
HSL
hsl(204, 46%, 59%)
Luminance
0.320
Cabbage Patch #97C456
RGB
rgb(151, 196, 86)
HSL
hsl(85, 48%, 55%)
Luminance
0.467
Phlox Pink #CB5F9A
RGB
rgb(203, 95, 154)
HSL
hsl(327, 51%, 58%)
Luminance
0.232
Thai Ice Tea #DEA87B
RGB
rgb(222, 168, 123)
HSL
hsl(27, 60%, 68%)
Luminance
0.450
Milan #F5F691
RGB
rgb(245, 246, 145)
HSL
hsl(61, 85%, 77%)
Luminance
0.874
Distant Horizon #F3F8FB
RGB
rgb(243, 248, 251)
HSL
hsl(203, 50%, 97%)
Luminance
0.932

Contrast & accessibility

4 of 21 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #383836 on #F3F8FB 10.98:1 AAA
Aa #383836 on #F5F691 10.34:1 AAA
Aa #383836 on #97C456 5.79:1 AA
Aa #383836 on #DEA87B 5.59:1 AA
Aa #383836 on #65A0C6 4.14:1 AA Large
Aa #CB5F9A on #F3F8FB 3.48:1 AA Large
Aa #CB5F9A on #F5F691 3.27:1 AA Large
Aa #383836 on #CB5F9A 3.16:1 AA Large
Aa #65A0C6 on #F3F8FB 2.65:1 Fail
Aa #65A0C6 on #F5F691 2.50:1 Fail
Aa #DEA87B on #F3F8FB 1.96:1 Fail
Aa #97C456 on #F3F8FB 1.90:1 Fail
Aa #DEA87B on #F5F691 1.85:1 Fail
Aa #97C456 on #CB5F9A 1.83:1 Fail
Aa #97C456 on #F5F691 1.79:1 Fail
Aa #CB5F9A on #DEA87B 1.77:1 Fail
Aa #65A0C6 on #97C456 1.40:1 Fail
Aa #65A0C6 on #DEA87B 1.35:1 Fail
Aa #65A0C6 on #CB5F9A 1.31:1 Fail
Aa #F5F691 on #F3F8FB 1.06:1 Fail
Aa #97C456 on #DEA87B 1.04:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors