Sign Up Sign Up
Pastel Ranibow 9

Pastel Ranibow 9

9-color palette · Neutral · Light · Complementary harmony

Back to Library

Pastel Ranibow 9

9-color palette · Neutral temperature · Light tone · Complementary harmony

Modify
Earthy 9 colors Neutral Light Complementary green orange red blue
Likes 65
Colors 9

CSS variables

:root {
  --c-earthy-1: #EBA6A9;
  --c-earthy-2: #EFCAB2;
  --c-earthy-3: #F4F0BB;
  --c-earthy-4: #BDD3C9;
  --c-earthy-5: #98C1D9;
  --c-earthy-6: #5A80A6;
  --c-earthy-7: #3A5683;
  --c-earthy-8: #856D88;
  --c-earthy-9: #9EA2AB;
}

About this palette

This 9-color earthy palette runs from Sarawak White Pepper (#F4F0BB) as its lightest tone to Deep Azure (#3A5683) as its darkest. It blends Hibiscus Petal, Cashew Nut, Sarawak White Pepper, Quaver, January Frost, Sapphired, Deep Azure, Purple Grey and Rough Stone into a single set you can drop straight into a UI. Of its 36 color pairings, 3 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F4F0BB on #3A5683 at 6.35:1.

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

Color breakdown

Hibiscus Petal #EBA6A9
RGB
rgb(235, 166, 169)
HSL
hsl(357, 63%, 79%)
Luminance
0.478
Cashew Nut #EFCAB2
RGB
rgb(239, 202, 178)
HSL
hsl(24, 66%, 82%)
Luminance
0.638
Sarawak White Pepper #F4F0BB
RGB
rgb(244, 240, 187)
HSL
hsl(56, 72%, 85%)
Luminance
0.851
Quaver #BDD3C9
RGB
rgb(189, 211, 201)
HSL
hsl(153, 20%, 78%)
Luminance
0.616
January Frost #98C1D9
RGB
rgb(152, 193, 217)
HSL
hsl(202, 46%, 72%)
Luminance
0.498
Sapphired #5A80A6
RGB
rgb(90, 128, 166)
HSL
hsl(210, 30%, 50%)
Luminance
0.204
Deep Azure #3A5683
RGB
rgb(58, 86, 131)
HSL
hsl(217, 39%, 37%)
Luminance
0.092
Purple Grey #856D88
RGB
rgb(133, 109, 136)
HSL
hsl(293, 11%, 48%)
Luminance
0.177
Rough Stone #9EA2AB
RGB
rgb(158, 162, 171)
HSL
hsl(222, 7%, 65%)
Luminance
0.361

Contrast & accessibility

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

Aa #F4F0BB on #3A5683 6.35:1 AA
Aa #EFCAB2 on #3A5683 4.85:1 AA
Aa #BDD3C9 on #3A5683 4.69:1 AA
Aa #F4F0BB on #856D88 3.97:1 AA Large
Aa #98C1D9 on #3A5683 3.86:1 AA Large
Aa #EBA6A9 on #3A5683 3.72:1 AA Large
Aa #F4F0BB on #5A80A6 3.55:1 AA Large
Aa #EFCAB2 on #856D88 3.03:1 AA Large
Aa #BDD3C9 on #856D88 2.93:1 Fail
Aa #3A5683 on #9EA2AB 2.89:1 Fail
Aa #EFCAB2 on #5A80A6 2.71:1 Fail
Aa #BDD3C9 on #5A80A6 2.63:1 Fail
Aa #98C1D9 on #856D88 2.42:1 Fail
Aa #EBA6A9 on #856D88 2.33:1 Fail
Aa #F4F0BB on #9EA2AB 2.20:1 Fail
Aa #98C1D9 on #5A80A6 2.16:1 Fail
Aa #EBA6A9 on #5A80A6 2.08:1 Fail
Aa #856D88 on #9EA2AB 1.81:1 Fail
Aa #5A80A6 on #3A5683 1.79:1 Fail
Aa #EBA6A9 on #F4F0BB 1.71:1 Fail
Aa #EFCAB2 on #9EA2AB 1.68:1 Fail
Aa #F4F0BB on #98C1D9 1.64:1 Fail
Aa #BDD3C9 on #9EA2AB 1.62:1 Fail
Aa #5A80A6 on #9EA2AB 1.62:1 Fail
Aa #3A5683 on #856D88 1.60:1 Fail
Aa #F4F0BB on #BDD3C9 1.35:1 Fail
Aa #98C1D9 on #9EA2AB 1.34:1 Fail
Aa #EFCAB2 on #F4F0BB 1.31:1 Fail
Aa #EBA6A9 on #EFCAB2 1.30:1 Fail
Aa #EBA6A9 on #9EA2AB 1.29:1 Fail
Aa #EBA6A9 on #BDD3C9 1.26:1 Fail
Aa #EFCAB2 on #98C1D9 1.26:1 Fail
Aa #BDD3C9 on #98C1D9 1.22:1 Fail
Aa #5A80A6 on #856D88 1.12:1 Fail
Aa #EBA6A9 on #98C1D9 1.04:1 Fail
Aa #EFCAB2 on #BDD3C9 1.03:1 Fail

Similar palettes

#FFB6B9 #FAE3D9 #BBDED6 #61C0BF
4 colors
#FCD1D1 #ECE2E1 #D3E0DC #AEE1E1
4 colors
#FFE6E6 #F2D1D1 #DAEAF1 #C6DCE4
4 colors
#F5EFE6 #E8DFCA #AEBDCA #7895B2
4 colors
#96B6C5 #ADC4CE #EEE0C9 #F1F0E8
4 colors
#FEFFDE #DDFFBC #91C788 #52734D
4 colors
#A0C49D #C4D7B2 #E1ECC8 #F7FFE5
4 colors
#618264 #79AC78 #B0D9B1 #D0E7D2
4 colors