Sign Up Sign Up
Nice Rabbit

Nice Rabbit

8-color palette · Cool · Mixed · Complementary harmony

Back to Library

Nice Rabbit

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

Modify
Earthy 8 colors Cool Mixed Complementary 8colors palette bunny
Likes 25
Colors 8

CSS variables

:root {
  --c-earthy-1: #5B976F;
  --c-earthy-2: #FFA41A;
  --c-earthy-3: #B32A32;
  --c-earthy-4: #FFF9FC;
  --c-earthy-5: #7E95BB;
  --c-earthy-6: #292453;
  --c-earthy-7: #1F1B32;
  --c-earthy-8: #100A21;
}

About this palette

This 8-color earthy palette runs from Snowman (#FFF9FC) as its lightest tone to Tristesse (#100A21) as its darkest. It blends Endless, Phoenix Flames, Unmatched Beauty, Snowman, Soothsayer, Pāua, Black Howl and Tristesse into a single set you can drop straight into a UI. Of its 28 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFF9FC on #100A21 at 18.58:1.

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

Color breakdown

Endless #5B976F
RGB
rgb(91, 151, 111)
HSL
hsl(140, 25%, 47%)
Luminance
0.255
Phoenix Flames #FFA41A
RGB
rgb(255, 164, 26)
HSL
hsl(36, 100%, 55%)
Luminance
0.479
Unmatched Beauty #B32A32
RGB
rgb(179, 42, 50)
HSL
hsl(356, 62%, 43%)
Luminance
0.115
Snowman #FFF9FC
RGB
rgb(255, 249, 252)
HSL
hsl(330, 100%, 99%)
Luminance
0.960
Soothsayer #7E95BB
RGB
rgb(126, 149, 187)
HSL
hsl(217, 31%, 61%)
Luminance
0.295
Pāua #292453
RGB
rgb(41, 36, 83)
HSL
hsl(246, 39%, 23%)
Luminance
0.024
Black Howl #1F1B32
RGB
rgb(31, 27, 50)
HSL
hsl(250, 30%, 15%)
Luminance
0.013
Tristesse #100A21
RGB
rgb(16, 10, 33)
HSL
hsl(256, 53%, 8%)
Luminance
0.004

Contrast & accessibility

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

Aa #FFF9FC on #100A21 18.58:1 AAA
Aa #FFF9FC on #1F1B32 16.02:1 AAA
Aa #FFF9FC on #292453 13.73:1 AAA
Aa #FFA41A on #100A21 9.73:1 AAA
Aa #FFA41A on #1F1B32 8.39:1 AAA
Aa #FFA41A on #292453 7.19:1 AAA
Aa #7E95BB on #100A21 6.35:1 AA
Aa #B32A32 on #FFF9FC 6.13:1 AA
Aa #5B976F on #100A21 5.61:1 AA
Aa #7E95BB on #1F1B32 5.47:1 AA
Aa #5B976F on #1F1B32 4.84:1 AA
Aa #7E95BB on #292453 4.69:1 AA
Aa #5B976F on #292453 4.15:1 AA Large
Aa #5B976F on #FFF9FC 3.31:1 AA Large
Aa #FFA41A on #B32A32 3.21:1 AA Large
Aa #B32A32 on #100A21 3.03:1 AA Large
Aa #FFF9FC on #7E95BB 2.93:1 Fail
Aa #B32A32 on #1F1B32 2.61:1 Fail
Aa #B32A32 on #292453 2.24:1 Fail
Aa #B32A32 on #7E95BB 2.10:1 Fail
Aa #FFA41A on #FFF9FC 1.91:1 Fail
Aa #5B976F on #B32A32 1.85:1 Fail
Aa #5B976F on #FFA41A 1.73:1 Fail
Aa #FFA41A on #7E95BB 1.53:1 Fail
Aa #292453 on #100A21 1.35:1 Fail
Aa #292453 on #1F1B32 1.17:1 Fail
Aa #1F1B32 on #100A21 1.16:1 Fail
Aa #5B976F on #7E95BB 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