ع

Faded Postcard

Sun-faded coral and parchment tones.

≈ Oatmeal
≈ Salmon
≈ Stone
≈ Error Red
≈ Alabaster

Color codes

HEXRGBHSLCMYK
hsl(35, 40%, 75%)cmyk(0%, 10%, 24%, 15%)
hsl(6, 73%, 68%)cmyk(0%, 45%, 50%, 9%)
hsl(45, 2%, 55%)cmyk(0%, 1%, 3%, 44%)
hsl(4, 77%, 61%)cmyk(0%, 61%, 66%, 9%)
hsl(47, 25%, 89%)cmyk(0%, 1%, 6%, 8%)

CSS

:root {
  --faded-postcard-1: #D8C3A5;
  --faded-postcard-2: #E98074;
  --faded-postcard-3: #8E8D8A;
  --faded-postcard-4: #E85A4F;
  --faded-postcard-5: #EAE7DC;
}

How these colors work together

The colors are analogous — neighbors on the color wheel — which gives a calm, cohesive feel. Overall it reads warm. Lightness spans 34 points, which sets how much contrast you can create.

0 of 10 color pairs reach the 4.5:1 contrast needed for normal text.

Suggested applications

  • Retro posters, cafés and nostalgic branding.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#coral#paper#nostalgic

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Faded Postcard palette?
The Faded Postcard palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
No pair in this palette reaches 3:1, so pair it with a very dark or very light neutral for text.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Old Map#F4E9CD #C9B37E #8C7851 #5A4A32 #2F4858Seventies Living#6B4226 #D4A017 #E07B39 #8A9A5B #F2E3C6Retro Diner#E63946 #F1FAEE #A8DADC #457B9D #1D3557Blush and Ivory#FFFAF3 #F6E3DC #E8C2B8 #C99A8E #8A5A52Product Launch#111827 #4F46E5 #22D3EE #F9FAFB #F43F5EQuiet Studio#F4F1EC #D9D3C7 #B7AD9C #6F6A60 #2D2B28