Sign Up Sign Up
Holographic Mode

Holographic Mode

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Holographic Mode

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

Modify
Earthy 8 colors Neutral Mixed Complementary colorful metallic holographic
Likes 95
Colors 8

CSS variables

:root {
  --c-earthy-1: #E7E0E4;
  --c-earthy-2: #EFCAA7;
  --c-earthy-3: #A1D5B4;
  --c-earthy-4: #84B5E5;
  --c-earthy-5: #E19BD9;
  --c-earthy-6: #9779D1;
  --c-earthy-7: #5F65B5;
  --c-earthy-8: #1C1529;
}

About this palette

This 8-color earthy palette runs from Pearl Violet (#E7E0E4) as its lightest tone to Sambucus (#1C1529) as its darkest. It blends Pearl Violet, Peaches’n’Cream, Nihilakh Oxide, C’est la Vie, Damson Plum, Iridescent Purple, Bluish Purple Anemone and Sambucus into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E7E0E4 on #1C1529 at 13.61:1.

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

Color breakdown

Pearl Violet #E7E0E4
RGB
rgb(231, 224, 228)
HSL
hsl(326, 13%, 89%)
Luminance
0.759
Peaches’n’Cream #EFCAA7
RGB
rgb(239, 202, 167)
HSL
hsl(29, 69%, 80%)
Luminance
0.634
Nihilakh Oxide #A1D5B4
RGB
rgb(161, 213, 180)
HSL
hsl(142, 38%, 73%)
Luminance
0.585
C’est la Vie #84B5E5
RGB
rgb(132, 181, 229)
HSL
hsl(210, 65%, 71%)
Luminance
0.436
Damson Plum #E19BD9
RGB
rgb(225, 155, 217)
HSL
hsl(307, 54%, 75%)
Luminance
0.445
Iridescent Purple #9779D1
RGB
rgb(151, 121, 209)
HSL
hsl(260, 49%, 65%)
Luminance
0.249
Bluish Purple Anemone #5F65B5
RGB
rgb(95, 101, 181)
HSL
hsl(236, 37%, 54%)
Luminance
0.151
Sambucus #1C1529
RGB
rgb(28, 21, 41)
HSL
hsl(261, 32%, 12%)
Luminance
0.009

Contrast & accessibility

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

Aa #E7E0E4 on #1C1529 13.61:1 AAA
Aa #EFCAA7 on #1C1529 11.51:1 AAA
Aa #A1D5B4 on #1C1529 10.68:1 AAA
Aa #E19BD9 on #1C1529 8.32:1 AAA
Aa #84B5E5 on #1C1529 8.18:1 AAA
Aa #9779D1 on #1C1529 5.02:1 AA
Aa #E7E0E4 on #5F65B5 4.03:1 AA Large
Aa #EFCAA7 on #5F65B5 3.41:1 AA Large
Aa #5F65B5 on #1C1529 3.38:1 AA Large
Aa #A1D5B4 on #5F65B5 3.16:1 AA Large
Aa #E7E0E4 on #9779D1 2.71:1 Fail
Aa #E19BD9 on #5F65B5 2.46:1 Fail
Aa #84B5E5 on #5F65B5 2.42:1 Fail
Aa #EFCAA7 on #9779D1 2.29:1 Fail
Aa #A1D5B4 on #9779D1 2.13:1 Fail
Aa #E7E0E4 on #84B5E5 1.66:1 Fail
Aa #E19BD9 on #9779D1 1.66:1 Fail
Aa #E7E0E4 on #E19BD9 1.64:1 Fail
Aa #84B5E5 on #9779D1 1.63:1 Fail
Aa #9779D1 on #5F65B5 1.49:1 Fail
Aa #EFCAA7 on #84B5E5 1.41:1 Fail
Aa #EFCAA7 on #E19BD9 1.38:1 Fail
Aa #A1D5B4 on #84B5E5 1.31:1 Fail
Aa #A1D5B4 on #E19BD9 1.28:1 Fail
Aa #E7E0E4 on #A1D5B4 1.27:1 Fail
Aa #E7E0E4 on #EFCAA7 1.18:1 Fail
Aa #EFCAA7 on #A1D5B4 1.08:1 Fail
Aa #84B5E5 on #E19BD9 1.02: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