Sign Up Sign Up
Fantastic 8

Fantastic 8

8-color palette · Warm · Mixed · Triadic harmony

Back to Library

Fantastic 8

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

Modify
Earthy 8 colors Warm Mixed Triadic artist retrosaur
Likes 54
Colors 8

CSS variables

:root {
  --c-earthy-1: #DBDBDD;
  --c-earthy-2: #9C8E8E;
  --c-earthy-3: #524BA3;
  --c-earthy-4: #1F1E23;
  --c-earthy-5: #6A9254;
  --c-earthy-6: #DCAC6C;
  --c-earthy-7: #E55656;
  --c-earthy-8: #73493C;
}

About this palette

This 8-color earthy palette runs from Diamond Stud (#DBDBDD) as its lightest tone to Inkwell Inception (#1F1E23) as its darkest. It blends Diamond Stud, Grey Violet, Liberty, Inkwell Inception, Field Time Green, Frankincense, Flushed and Evolution 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 #DBDBDD on #1F1E23 at 11.98:1.

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

Color breakdown

Diamond Stud #DBDBDD
RGB
rgb(219, 219, 221)
HSL
hsl(240, 3%, 86%)
Luminance
0.709
Grey Violet #9C8E8E
RGB
rgb(156, 142, 142)
HSL
hsl(0, 7%, 58%)
Luminance
0.284
Liberty #524BA3
RGB
rgb(82, 75, 163)
HSL
hsl(245, 37%, 47%)
Luminance
0.095
Inkwell Inception #1F1E23
RGB
rgb(31, 30, 35)
HSL
hsl(252, 8%, 13%)
Luminance
0.013
Field Time Green #6A9254
RGB
rgb(106, 146, 84)
HSL
hsl(99, 27%, 45%)
Luminance
0.243
Frankincense #DCAC6C
RGB
rgb(220, 172, 108)
HSL
hsl(34, 62%, 64%)
Luminance
0.458
Flushed #E55656
RGB
rgb(229, 86, 86)
HSL
hsl(0, 73%, 62%)
Luminance
0.240
Evolution #73493C
RGB
rgb(115, 73, 60)
HSL
hsl(14, 31%, 34%)
Luminance
0.087

Contrast & accessibility

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

Aa #DBDBDD on #1F1E23 11.98:1 AAA
Aa #1F1E23 on #DCAC6C 8.01:1 AAA
Aa #DBDBDD on #73493C 5.53:1 AA
Aa #9C8E8E on #1F1E23 5.26:1 AA
Aa #DBDBDD on #524BA3 5.25:1 AA
Aa #1F1E23 on #6A9254 4.61:1 AA
Aa #1F1E23 on #E55656 4.57:1 AA
Aa #DCAC6C on #73493C 3.70:1 AA Large
Aa #524BA3 on #DCAC6C 3.51:1 AA Large
Aa #DBDBDD on #E55656 2.62:1 Fail
Aa #DBDBDD on #6A9254 2.60:1 Fail
Aa #9C8E8E on #73493C 2.43:1 Fail
Aa #9C8E8E on #524BA3 2.31:1 Fail
Aa #DBDBDD on #9C8E8E 2.28:1 Fail
Aa #524BA3 on #1F1E23 2.28:1 Fail
Aa #1F1E23 on #73493C 2.17:1 Fail
Aa #6A9254 on #73493C 2.13:1 Fail
Aa #E55656 on #73493C 2.11:1 Fail
Aa #524BA3 on #6A9254 2.02:1 Fail
Aa #524BA3 on #E55656 2.00:1 Fail
Aa #DCAC6C on #E55656 1.75:1 Fail
Aa #6A9254 on #DCAC6C 1.74:1 Fail
Aa #9C8E8E on #DCAC6C 1.52:1 Fail
Aa #DBDBDD on #DCAC6C 1.49:1 Fail
Aa #9C8E8E on #E55656 1.15:1 Fail
Aa #9C8E8E on #6A9254 1.14:1 Fail
Aa #524BA3 on #73493C 1.05:1 Fail
Aa #6A9254 on #E55656 1.01: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