Vintage Color Palette — HEX Codes, Swatches & UI Palette
Echoing leather-bound books, antique botanical prints, and faded daguerreotypes. Antique parchment, sepia ink, and heritage navy project timeless authority, dignity, and heritage prestige.
Color Swatches & Technical Specifications
Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Vintage Color Palette.
UI Design & Color Hierarchy Guide
Flawless for law firms, heritage distillers, legacy watchmakers, and literary magazines. Pair sepia brown (#5D4037) typography with faded cream parchment backgrounds.
WCAG 2.1 Accessibility & Contrast Matrix
Legibility ratings between palette elements and key backgrounds (Lightest: Aged Parchment | Darkest: Heritage Navy):
| Swatch | Contrast vs Light Canvas | Contrast vs Dark Canvas |
|---|---|---|
| Heritage Navy (#2B3A4A) | 9.54:1 AAA | 1.0:1 Fail |
| Sepia Ink (#5D4037) | 7.64:1 AAA | 1.25:1 Fail |
| Faded Amber (#C8963E) | 2.18:1 Fail | 4.37:1 AA Large |
| Sage Herbarium (#829177) | 2.75:1 Fail | 3.47:1 AA Large |
| Aged Parchment (#EFE8DA) | 1.0:1 Fail | 9.54:1 AAA |
CSS Custom Properties & Design Tokens
Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:
:root {
--color-1: #2B3A4A; /* Heritage Navy - Authoritative Classic */
--color-2: #5D4037; /* Sepia Ink - Warm Vintage Text */
--color-3: #C8963E; /* Faded Amber - Gilded Accent */
--color-4: #829177; /* Sage Herbarium - Botanical Midtone */
--color-5: #EFE8DA; /* Aged Parchment - Timeless Surface */
}
{
colors: {
'palette-1': '#2B3A4A',
'palette-2': '#5D4037',
'palette-3': '#C8963E',
'palette-4': '#829177',
'palette-5': '#EFE8DA'
}
}
Explore More Curated Color Palettes
Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.