Sign Up Sign Up
Crayon Paint

Crayon Paint

8-color palette · Warm · Mixed · Complementary harmony

Back to Library

Crayon Paint

8-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 8 colors Warm Mixed Complementary polyphrog
Likes 66
Colors 8

CSS variables

:root {
  --c-earthy-1: #76A1F1;
  --c-earthy-2: #2F6A5D;
  --c-earthy-3: #69BF2B;
  --c-earthy-4: #FBF7B6;
  --c-earthy-5: #E98E33;
  --c-earthy-6: #A03030;
  --c-earthy-7: #151212;
  --c-earthy-8: #9E969B;
}

About this palette

This 8-color earthy palette runs from Glowlight (#FBF7B6) as its lightest tone to Dark Veil (#151212) as its darkest. It blends Fennel Flower, Galapagos Green, Zunda Green, Glowlight, California, Milano Red, Dark Veil and Artist’s Shadow into a single set you can drop straight into a UI. Of its 28 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FBF7B6 on #151212 at 16.93:1.

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

Color breakdown

Fennel Flower #76A1F1
RGB
rgb(118, 161, 241)
HSL
hsl(219, 81%, 70%)
Luminance
0.357
Galapagos Green #2F6A5D
RGB
rgb(47, 106, 93)
HSL
hsl(167, 39%, 30%)
Luminance
0.117
Zunda Green #69BF2B
RGB
rgb(105, 191, 43)
HSL
hsl(95, 63%, 46%)
Luminance
0.404
Glowlight #FBF7B6
RGB
rgb(251, 247, 182)
HSL
hsl(57, 90%, 85%)
Luminance
0.904
California #E98E33
RGB
rgb(233, 142, 51)
HSL
hsl(30, 81%, 56%)
Luminance
0.369
Milano Red #A03030
RGB
rgb(160, 48, 48)
HSL
hsl(0, 54%, 41%)
Luminance
0.098
Dark Veil #151212
RGB
rgb(21, 18, 18)
HSL
hsl(0, 8%, 8%)
Luminance
0.006
Artist’s Shadow #9E969B
RGB
rgb(158, 150, 155)
HSL
hsl(323, 4%, 60%)
Luminance
0.315

Contrast & accessibility

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

Aa #FBF7B6 on #151212 16.93:1 AAA
Aa #69BF2B on #151212 8.06:1 AAA
Aa #E98E33 on #151212 7.44:1 AAA
Aa #76A1F1 on #151212 7.22:1 AAA
Aa #151212 on #9E969B 6.47:1 AA
Aa #FBF7B6 on #A03030 6.45:1 AA
Aa #2F6A5D on #FBF7B6 5.71:1 AA
Aa #69BF2B on #A03030 3.07:1 AA Large
Aa #2F6A5D on #151212 2.96:1 Fail
Aa #E98E33 on #A03030 2.83:1 Fail
Aa #76A1F1 on #A03030 2.75:1 Fail
Aa #2F6A5D on #69BF2B 2.72:1 Fail
Aa #A03030 on #151212 2.63:1 Fail
Aa #FBF7B6 on #9E969B 2.62:1 Fail
Aa #2F6A5D on #E98E33 2.51:1 Fail
Aa #A03030 on #9E969B 2.46:1 Fail
Aa #76A1F1 on #2F6A5D 2.44:1 Fail
Aa #76A1F1 on #FBF7B6 2.34:1 Fail
Aa #FBF7B6 on #E98E33 2.28:1 Fail
Aa #2F6A5D on #9E969B 2.18:1 Fail
Aa #69BF2B on #FBF7B6 2.10:1 Fail
Aa #69BF2B on #9E969B 1.25:1 Fail
Aa #E98E33 on #9E969B 1.15:1 Fail
Aa #2F6A5D on #A03030 1.13:1 Fail
Aa #76A1F1 on #69BF2B 1.12:1 Fail
Aa #76A1F1 on #9E969B 1.12:1 Fail
Aa #69BF2B on #E98E33 1.08:1 Fail
Aa #76A1F1 on #E98E33 1.03:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors