Sign Up Sign Up
Graph Paper

Graph Paper

7-color palette · Warm · Light · Complementary harmony

Back to Library

Graph Paper

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

Modify
Earthy 7 colors Warm Light Complementary pixelart pastel vaporwave abstract
Likes 53
Colors 7

CSS variables

:root {
  --c-earthy-1: #F3EDED;
  --c-earthy-2: #B9EEDC;
  --c-earthy-3: #EEB9C7;
  --c-earthy-4: #DDA0AF;
  --c-earthy-5: #8E9191;
  --c-earthy-6: #7C7E7E;
  --c-earthy-7: #555568;
}

About this palette

This 7-color earthy palette runs from First Blush (#F3EDED) as its lightest tone to Academy Purple (#555568) as its darkest. It blends First Blush, Salome, Chantilly, Faded Pink, Silver Snippet, Aged Moustache Grey and Academy Purple into a single set you can drop straight into a UI. Of its 21 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #F3EDED on #555568 at 6.29:1.

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

Color breakdown

First Blush #F3EDED
RGB
rgb(243, 237, 237)
HSL
hsl(0, 20%, 94%)
Luminance
0.857
Salome #B9EEDC
RGB
rgb(185, 238, 220)
HSL
hsl(160, 61%, 83%)
Luminance
0.766
Chantilly #EEB9C7
RGB
rgb(238, 185, 199)
HSL
hsl(344, 61%, 83%)
Luminance
0.570
Faded Pink #DDA0AF
RGB
rgb(221, 160, 175)
HSL
hsl(345, 47%, 75%)
Luminance
0.436
Silver Snippet #8E9191
RGB
rgb(142, 145, 145)
HSL
hsl(180, 1%, 56%)
Luminance
0.281
Aged Moustache Grey #7C7E7E
RGB
rgb(124, 126, 126)
HSL
hsl(180, 1%, 49%)
Luminance
0.207
Academy Purple #555568
RGB
rgb(85, 85, 104)
HSL
hsl(240, 10%, 37%)
Luminance
0.094

Contrast & accessibility

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

Aa #F3EDED on #555568 6.29:1 AA
Aa #B9EEDC on #555568 5.66:1 AA
Aa #EEB9C7 on #555568 4.30:1 AA Large
Aa #F3EDED on #7C7E7E 3.53:1 AA Large
Aa #DDA0AF on #555568 3.37:1 AA Large
Aa #B9EEDC on #7C7E7E 3.17:1 AA Large
Aa #F3EDED on #8E9191 2.75:1 Fail
Aa #B9EEDC on #8E9191 2.47:1 Fail
Aa #EEB9C7 on #7C7E7E 2.41:1 Fail
Aa #8E9191 on #555568 2.29:1 Fail
Aa #DDA0AF on #7C7E7E 1.89:1 Fail
Aa #EEB9C7 on #8E9191 1.88:1 Fail
Aa #F3EDED on #DDA0AF 1.87:1 Fail
Aa #7C7E7E on #555568 1.78:1 Fail
Aa #B9EEDC on #DDA0AF 1.68:1 Fail
Aa #DDA0AF on #8E9191 1.47:1 Fail
Aa #F3EDED on #EEB9C7 1.46:1 Fail
Aa #B9EEDC on #EEB9C7 1.32:1 Fail
Aa #8E9191 on #7C7E7E 1.29:1 Fail
Aa #EEB9C7 on #DDA0AF 1.28:1 Fail
Aa #F3EDED on #B9EEDC 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