Sign Up Sign Up
Cozy Valley

Cozy Valley

9-color palette · Warm · Mixed · Complementary harmony

Back to Library

Cozy Valley

9-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 9 colors Warm Mixed Complementary cute light cozy cottagecore
Likes 37
Colors 9

CSS variables

:root {
  --c-earthy-1: #637C67;
  --c-earthy-2: #1E3230;
  --c-earthy-3: #6E130E;
  --c-earthy-4: #A92500;
  --c-earthy-5: #D9915F;
  --c-earthy-6: #F5CE97;
  --c-earthy-7: #FFF3D1;
  --c-earthy-8: #AFB599;
  --c-earthy-9: #FFFFFF;
}

About this palette

This 9-color earthy palette runs from White (#FFFFFF) as its lightest tone to Dark Pine Green (#1E3230) as its darkest. It blends Stone Cypress Green, Dark Pine Green, Sanguine, Saveloy, Longhorn, Impala, Cashmere Sweater, White Cabbage and White into a single set you can drop straight into a UI. Of its 36 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1E3230 on #FFFFFF at 13.51:1.

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

Color breakdown

Stone Cypress Green #637C67
RGB
rgb(99, 124, 103)
HSL
hsl(130, 11%, 44%)
Luminance
0.181
Dark Pine Green #1E3230
RGB
rgb(30, 50, 48)
HSL
hsl(174, 25%, 16%)
Luminance
0.028
Sanguine #6E130E
RGB
rgb(110, 19, 14)
HSL
hsl(3, 77%, 24%)
Luminance
0.038
Saveloy #A92500
RGB
rgb(169, 37, 0)
HSL
hsl(13, 100%, 33%)
Luminance
0.098
Longhorn #D9915F
RGB
rgb(217, 145, 95)
HSL
hsl(25, 62%, 61%)
Luminance
0.358
Impala #F5CE97
RGB
rgb(245, 206, 151)
HSL
hsl(35, 82%, 78%)
Luminance
0.658
Cashmere Sweater #FFF3D1
RGB
rgb(255, 243, 209)
HSL
hsl(44, 100%, 91%)
Luminance
0.900
White Cabbage #AFB599
RGB
rgb(175, 181, 153)
HSL
hsl(73, 16%, 65%)
Luminance
0.445
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000

Contrast & accessibility

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

Aa #1E3230 on #FFFFFF 13.51:1 AAA
Aa #1E3230 on #FFF3D1 12.22:1 AAA
Aa #6E130E on #FFFFFF 11.91:1 AAA
Aa #6E130E on #FFF3D1 10.78:1 AAA
Aa #1E3230 on #F5CE97 9.11:1 AAA
Aa #6E130E on #F5CE97 8.03:1 AAA
Aa #A92500 on #FFFFFF 7.11:1 AAA
Aa #A92500 on #FFF3D1 6.43:1 AA
Aa #1E3230 on #AFB599 6.37:1 AA
Aa #6E130E on #AFB599 5.61:1 AA
Aa #1E3230 on #D9915F 5.25:1 AA
Aa #A92500 on #F5CE97 4.80:1 AA
Aa #6E130E on #D9915F 4.63:1 AA
Aa #637C67 on #FFFFFF 4.56:1 AA
Aa #637C67 on #FFF3D1 4.12:1 AA Large
Aa #A92500 on #AFB599 3.35:1 AA Large
Aa #637C67 on #F5CE97 3.07:1 AA Large
Aa #637C67 on #1E3230 2.97:1 Fail
Aa #A92500 on #D9915F 2.77:1 Fail
Aa #637C67 on #6E130E 2.62:1 Fail
Aa #D9915F on #FFFFFF 2.57:1 Fail
Aa #D9915F on #FFF3D1 2.33:1 Fail
Aa #637C67 on #AFB599 2.15:1 Fail
Aa #AFB599 on #FFFFFF 2.12:1 Fail
Aa #FFF3D1 on #AFB599 1.92:1 Fail
Aa #1E3230 on #A92500 1.90:1 Fail
Aa #637C67 on #D9915F 1.77:1 Fail
Aa #D9915F on #F5CE97 1.73:1 Fail
Aa #6E130E on #A92500 1.67:1 Fail
Aa #637C67 on #A92500 1.56:1 Fail
Aa #F5CE97 on #FFFFFF 1.48:1 Fail
Aa #F5CE97 on #AFB599 1.43:1 Fail
Aa #F5CE97 on #FFF3D1 1.34:1 Fail
Aa #D9915F on #AFB599 1.21:1 Fail
Aa #1E3230 on #6E130E 1.13:1 Fail
Aa #FFF3D1 on #FFFFFF 1.11:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors