Sign Up Sign Up
Scaled And Icy

Scaled And Icy

8-color palette · Warm · Light · Complementary harmony

Back to Library

Scaled And Icy

8-color palette · Warm temperature · Light tone · Complementary harmony

Modify
Earthy 8 colors Warm Light Complementary
Likes 16
Colors 8

CSS variables

:root {
  --c-earthy-1: #3D3A39;
  --c-earthy-2: #F8FEFE;
  --c-earthy-3: #DAD7CC;
  --c-earthy-4: #F9A4CB;
  --c-earthy-5: #93D1DE;
  --c-earthy-6: #F6E518;
  --c-earthy-7: #EC7E15;
  --c-earthy-8: #718DBC;
}

About this palette

This 8-color earthy palette runs from Deutzia White (#F8FEFE) as its lightest tone to Dead Pixel (#3D3A39) as its darkest. It blends Dead Pixel, Deutzia White, White Pointer, Taffy Pink, Washed Blue, Xanthic, Retro Nectarine and Debutante Ball into a single set you can drop straight into a UI. Of its 28 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #3D3A39 on #F8FEFE at 11.06:1.

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

Color breakdown

Dead Pixel #3D3A39
RGB
rgb(61, 58, 57)
HSL
hsl(15, 3%, 23%)
Luminance
0.043
Deutzia White #F8FEFE
RGB
rgb(248, 254, 254)
HSL
hsl(180, 75%, 98%)
Luminance
0.980
White Pointer #DAD7CC
RGB
rgb(218, 215, 204)
HSL
hsl(47, 16%, 83%)
Luminance
0.679
Taffy Pink #F9A4CB
RGB
rgb(249, 164, 203)
HSL
hsl(332, 88%, 81%)
Luminance
0.510
Washed Blue #93D1DE
RGB
rgb(147, 209, 222)
HSL
hsl(190, 53%, 72%)
Luminance
0.571
Xanthic #F6E518
RGB
rgb(246, 229, 24)
HSL
hsl(55, 93%, 53%)
Luminance
0.757
Retro Nectarine #EC7E15
RGB
rgb(236, 126, 21)
HSL
hsl(29, 85%, 50%)
Luminance
0.328
Debutante Ball #718DBC
RGB
rgb(113, 141, 188)
HSL
hsl(218, 36%, 59%)
Luminance
0.262

Contrast & accessibility

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

Aa #3D3A39 on #F8FEFE 11.06:1 AAA
Aa #3D3A39 on #F6E518 8.66:1 AAA
Aa #3D3A39 on #DAD7CC 7.82:1 AAA
Aa #3D3A39 on #93D1DE 6.67:1 AA
Aa #3D3A39 on #F9A4CB 6.01:1 AA
Aa #3D3A39 on #EC7E15 4.06:1 AA Large
Aa #3D3A39 on #718DBC 3.35:1 AA Large
Aa #F8FEFE on #718DBC 3.30:1 AA Large
Aa #F8FEFE on #EC7E15 2.72:1 Fail
Aa #F6E518 on #718DBC 2.59:1 Fail
Aa #DAD7CC on #718DBC 2.34:1 Fail
Aa #F6E518 on #EC7E15 2.13:1 Fail
Aa #93D1DE on #718DBC 1.99:1 Fail
Aa #DAD7CC on #EC7E15 1.93:1 Fail
Aa #F8FEFE on #F9A4CB 1.84:1 Fail
Aa #F9A4CB on #718DBC 1.80:1 Fail
Aa #F8FEFE on #93D1DE 1.66:1 Fail
Aa #93D1DE on #EC7E15 1.64:1 Fail
Aa #F9A4CB on #EC7E15 1.48:1 Fail
Aa #F9A4CB on #F6E518 1.44:1 Fail
Aa #F8FEFE on #DAD7CC 1.41:1 Fail
Aa #DAD7CC on #F9A4CB 1.30:1 Fail
Aa #93D1DE on #F6E518 1.30:1 Fail
Aa #F8FEFE on #F6E518 1.28:1 Fail
Aa #EC7E15 on #718DBC 1.21:1 Fail
Aa #DAD7CC on #93D1DE 1.17:1 Fail
Aa #DAD7CC on #F6E518 1.11:1 Fail
Aa #F9A4CB on #93D1DE 1.11:1 Fail

Similar palettes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 colors
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 colors
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 colors
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 colors
#F38181 #FCE38A #EAFFD0 #95E1D3
4 colors
#B7C4CF #EEE3CB #D7C0AE #967E76
4 colors
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 colors
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 colors