Sign Up Sign Up
FairyRust_8x

FairyRust_8x

8-color palette · Cool · Mixed · Complementary harmony

Back to Library

FairyRust_8x

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

Modify
Earthy 8 colors Cool Mixed Complementary dark blue cool desaturated
Likes 127
Colors 8

CSS variables

:root {
  --c-earthy-1: #141A0D;
  --c-earthy-2: #4B2D28;
  --c-earthy-3: #744E65;
  --c-earthy-4: #7F7397;
  --c-earthy-5: #8AB0D8;
  --c-earthy-6: #AAD8F7;
  --c-earthy-7: #DAEDFE;
  --c-earthy-8: #F2F9FF;
}

About this palette

This 8-color earthy palette runs from Alice Blue (#F2F9FF) as its lightest tone to Darkness (#141A0D) as its darkest. It blends Darkness, Barako Brew, Dahlia Matte Red, Purple Haze, Birdie Num Num, Endless Horizon, Hoarfrost and Alice Blue into a single set you can drop straight into a UI. Of its 28 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #141A0D on #F2F9FF at 16.71:1.

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

Color breakdown

Darkness #141A0D
RGB
rgb(20, 26, 13)
HSL
hsl(88, 33%, 8%)
Luminance
0.009
Barako Brew #4B2D28
RGB
rgb(75, 45, 40)
HSL
hsl(9, 30%, 23%)
Luminance
0.035
Dahlia Matte Red #744E65
RGB
rgb(116, 78, 101)
HSL
hsl(324, 20%, 38%)
Luminance
0.101
Purple Haze #7F7397
RGB
rgb(127, 115, 151)
HSL
hsl(260, 15%, 52%)
Luminance
0.190
Birdie Num Num #8AB0D8
RGB
rgb(138, 176, 216)
HSL
hsl(211, 50%, 69%)
Luminance
0.414
Endless Horizon #AAD8F7
RGB
rgb(170, 216, 247)
HSL
hsl(204, 83%, 82%)
Luminance
0.644
Hoarfrost #DAEDFE
RGB
rgb(218, 237, 254)
HSL
hsl(208, 95%, 93%)
Luminance
0.826
Alice Blue #F2F9FF
RGB
rgb(242, 249, 255)
HSL
hsl(208, 100%, 97%)
Luminance
0.939

Contrast & accessibility

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

Aa #141A0D on #F2F9FF 16.71:1 AAA
Aa #141A0D on #DAEDFE 14.81:1 AAA
Aa #141A0D on #AAD8F7 11.73:1 AAA
Aa #4B2D28 on #F2F9FF 11.59:1 AAA
Aa #4B2D28 on #DAEDFE 10.28:1 AAA
Aa #4B2D28 on #AAD8F7 8.14:1 AAA
Aa #141A0D on #8AB0D8 7.84:1 AAA
Aa #744E65 on #F2F9FF 6.55:1 AA
Aa #744E65 on #DAEDFE 5.80:1 AA
Aa #4B2D28 on #8AB0D8 5.44:1 AA
Aa #744E65 on #AAD8F7 4.59:1 AA
Aa #7F7397 on #F2F9FF 4.12:1 AA Large
Aa #141A0D on #7F7397 4.06:1 AA Large
Aa #7F7397 on #DAEDFE 3.65:1 AA Large
Aa #744E65 on #8AB0D8 3.07:1 AA Large
Aa #7F7397 on #AAD8F7 2.89:1 Fail
Aa #4B2D28 on #7F7397 2.82:1 Fail
Aa #141A0D on #744E65 2.55:1 Fail
Aa #8AB0D8 on #F2F9FF 2.13:1 Fail
Aa #7F7397 on #8AB0D8 1.93:1 Fail
Aa #8AB0D8 on #DAEDFE 1.89:1 Fail
Aa #4B2D28 on #744E65 1.77:1 Fail
Aa #744E65 on #7F7397 1.59:1 Fail
Aa #8AB0D8 on #AAD8F7 1.49:1 Fail
Aa #141A0D on #4B2D28 1.44:1 Fail
Aa #AAD8F7 on #F2F9FF 1.42:1 Fail
Aa #AAD8F7 on #DAEDFE 1.26:1 Fail
Aa #DAEDFE on #F2F9FF 1.13:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors