retrowarm
Vintage Postcard Color Palette
Vintage Postcard is a retro and warm color palette of 5 colors: Petrol (#335c67), Lemon Chiffon (#fff3b0), Marigold (#e09f3e), Brown (#9e2a2b) and Oxblood (#540b0e). Its dominant hue is red.
The darkest color, Oxblood, on the lightest, Lemon Chiffon, gives a 13.06:1 contrast ratio — enough for body text at WCAG AAA. 4 pairs in this palette pass AA for normal text. Brown (#9e2a2b) is its most saturated color and a natural choice for buttons and links.
Colors
- Petrol
- Lemon Chiffon
- Marigold
- Brown
- Oxblood
CSS Output
:root {
--vintage-postcard-1: #335c67;
--vintage-postcard-2: #fff3b0;
--vintage-postcard-3: #e09f3e;
--vintage-postcard-4: #9e2a2b;
--vintage-postcard-5: #540b0e;
}Vintage Postcard on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxblood on Lemon Chiffon#540b0e on #fff3b013.06:1AAA
- Brown on Lemon Chiffon#9e2a2b on #fff3b06.63:1AA
- Petrol on Lemon Chiffon#335c67 on #fff3b06.52:1AA
- Oxblood on Marigold#540b0e on #e09f3e6.42:1AA
- Brown on Marigold#9e2a2b on #e09f3e3.26:1AA Large
- Petrol on Marigold#335c67 on #e09f3e3.20:1AA Large