Sign Up Sign Up
Vieilles Cartes

Vieilles Cartes

7-color palette · Warm · Mixed · Complementary harmony

Back to Library

Vieilles Cartes

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

Modify
Earthy 7 colors Warm Mixed Complementary paper cards 3bit primary
Likes 48
Colors 7

CSS variables

:root {
  --c-earthy-1: #170F1F;
  --c-earthy-2: #C7212B;
  --c-earthy-3: #257181;
  --c-earthy-4: #C38165;
  --c-earthy-5: #859D93;
  --c-earthy-6: #FFAB43;
  --c-earthy-7: #FFD1D1;
}

About this palette

This 7-color earthy palette runs from Girlie (#FFD1D1) as its lightest tone to Shot in the Dark (#170F1F) as its darkest. It blends Shot in the Dark, High Risk Red, Billabong, Cabana Melon, Padded Leaf, Match Strike and Girlie into a single set you can drop straight into a UI. Of its 21 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #170F1F on #FFD1D1 at 13.6:1.

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

Color breakdown

Shot in the Dark #170F1F
RGB
rgb(23, 15, 31)
HSL
hsl(270, 35%, 9%)
Luminance
0.006
High Risk Red #C7212B
RGB
rgb(199, 33, 43)
HSL
hsl(356, 72%, 45%)
Luminance
0.134
Billabong #257181
RGB
rgb(37, 113, 129)
HSL
hsl(190, 55%, 33%)
Luminance
0.138
Cabana Melon #C38165
RGB
rgb(195, 129, 101)
HSL
hsl(18, 44%, 58%)
Luminance
0.282
Padded Leaf #859D93
RGB
rgb(133, 157, 147)
HSL
hsl(155, 11%, 57%)
Luminance
0.312
Match Strike #FFAB43
RGB
rgb(255, 171, 67)
HSL
hsl(33, 100%, 63%)
Luminance
0.508
Girlie #FFD1D1
RGB
rgb(255, 209, 209)
HSL
hsl(0, 100%, 91%)
Luminance
0.715

Contrast & accessibility

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

Aa #170F1F on #FFD1D1 13.60:1 AAA
Aa #170F1F on #FFAB43 9.92:1 AAA
Aa #170F1F on #859D93 6.44:1 AA
Aa #170F1F on #C38165 5.91:1 AA
Aa #C7212B on #FFD1D1 4.15:1 AA Large
Aa #257181 on #FFD1D1 4.07:1 AA Large
Aa #170F1F on #257181 3.34:1 AA Large
Aa #170F1F on #C7212B 3.27:1 AA Large
Aa #C7212B on #FFAB43 3.03:1 AA Large
Aa #257181 on #FFAB43 2.97:1 Fail
Aa #C38165 on #FFD1D1 2.30:1 Fail
Aa #859D93 on #FFD1D1 2.11:1 Fail
Aa #C7212B on #859D93 1.97:1 Fail
Aa #257181 on #859D93 1.93:1 Fail
Aa #C7212B on #C38165 1.81:1 Fail
Aa #257181 on #C38165 1.77:1 Fail
Aa #C38165 on #FFAB43 1.68:1 Fail
Aa #859D93 on #FFAB43 1.54:1 Fail
Aa #FFAB43 on #FFD1D1 1.37:1 Fail
Aa #C38165 on #859D93 1.09:1 Fail
Aa #C7212B on #257181 1.02: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