Sign Up Sign Up
Dream Haze 8

Dream Haze 8

8-color palette · Warm · Light · Complementary harmony

Back to Library

Dream Haze 8

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

Modify
Earthy 8 colors Warm Light Complementary artist pink blue purple
Likes 834
Colors 8

CSS variables

:root {
  --c-earthy-1: #3C42C4;
  --c-earthy-2: #6E51C8;
  --c-earthy-3: #A065CD;
  --c-earthy-4: #CE79D2;
  --c-earthy-5: #D68FB8;
  --c-earthy-6: #DDA2A3;
  --c-earthy-7: #EAC4AE;
  --c-earthy-8: #F4DFBE;
}

About this palette

This 8-color earthy palette runs from Cracked Wheat (#F4DFBE) as its lightest tone to Early Spring Night (#3C42C4) as its darkest. It blends Early Spring Night, Waiporoporo Purple, Amethyst, Purple Kush, High Maintenance, Pastel Pink, Pinkham and Cracked Wheat into a single set you can drop straight into a UI. Of its 28 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #3C42C4 on #F4DFBE at 5.83:1.

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

Color breakdown

Early Spring Night #3C42C4
RGB
rgb(60, 66, 196)
HSL
hsl(237, 54%, 50%)
Luminance
0.088
Waiporoporo Purple #6E51C8
RGB
rgb(110, 81, 200)
HSL
hsl(255, 52%, 55%)
Luminance
0.134
Amethyst #A065CD
RGB
rgb(160, 101, 205)
HSL
hsl(274, 51%, 60%)
Luminance
0.212
Purple Kush #CE79D2
RGB
rgb(206, 121, 210)
HSL
hsl(297, 50%, 65%)
Luminance
0.315
High Maintenance #D68FB8
RGB
rgb(214, 143, 184)
HSL
hsl(325, 46%, 70%)
Luminance
0.374
Pastel Pink #DDA2A3
RGB
rgb(221, 162, 163)
HSL
hsl(359, 46%, 75%)
Luminance
0.439
Pinkham #EAC4AE
RGB
rgb(234, 196, 174)
HSL
hsl(22, 59%, 80%)
Luminance
0.600
Cracked Wheat #F4DFBE
RGB
rgb(244, 223, 190)
HSL
hsl(37, 71%, 85%)
Luminance
0.757

Contrast & accessibility

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

Aa #3C42C4 on #F4DFBE 5.83:1 AA
Aa #3C42C4 on #EAC4AE 4.70:1 AA
Aa #6E51C8 on #F4DFBE 4.39:1 AA Large
Aa #6E51C8 on #EAC4AE 3.54:1 AA Large
Aa #3C42C4 on #DDA2A3 3.53:1 AA Large
Aa #A065CD on #F4DFBE 3.08:1 AA Large
Aa #3C42C4 on #D68FB8 3.06:1 AA Large
Aa #6E51C8 on #DDA2A3 2.66:1 Fail
Aa #3C42C4 on #CE79D2 2.63:1 Fail
Aa #A065CD on #EAC4AE 2.48:1 Fail
Aa #6E51C8 on #D68FB8 2.31:1 Fail
Aa #CE79D2 on #F4DFBE 2.21:1 Fail
Aa #6E51C8 on #CE79D2 1.98:1 Fail
Aa #D68FB8 on #F4DFBE 1.90:1 Fail
Aa #3C42C4 on #A065CD 1.89:1 Fail
Aa #A065CD on #DDA2A3 1.87:1 Fail
Aa #CE79D2 on #EAC4AE 1.78:1 Fail
Aa #DDA2A3 on #F4DFBE 1.65:1 Fail
Aa #A065CD on #D68FB8 1.62:1 Fail
Aa #D68FB8 on #EAC4AE 1.53:1 Fail
Aa #6E51C8 on #A065CD 1.43:1 Fail
Aa #A065CD on #CE79D2 1.39:1 Fail
Aa #CE79D2 on #DDA2A3 1.34:1 Fail
Aa #3C42C4 on #6E51C8 1.33:1 Fail
Aa #DDA2A3 on #EAC4AE 1.33:1 Fail
Aa #EAC4AE on #F4DFBE 1.24:1 Fail
Aa #CE79D2 on #D68FB8 1.16:1 Fail
Aa #D68FB8 on #DDA2A3 1.15:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors