Classic Old-World Heritage, Parchment & Sepia Category: Aesthetic 12,100/mo searches

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.

Authoritative Classic
Heritage Navy
#2B3A4A
Warm Vintage Text
Sepia Ink
#5D4037
Gilded Accent
Faded Amber
#C8963E
Botanical Midtone
Sage Herbarium
#829177
Timeless Surface
Aged Parchment
#EFE8DA
Open in Web Studio Color Wheel Tint & Shade Scale

Color Swatches & Technical Specifications

Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Vintage Color Palette.

Heritage Navy

Authoritative Classic
HEX #2B3A4A
RGB rgb(43, 58, 74)
HSL hsl(211deg, 26%, 23%)
vs White: 11.63:1 (AAA) vs Black: 1.81:1 (Fail)

Sepia Ink

Warm Vintage Text
HEX #5D4037
RGB rgb(93, 64, 55)
HSL hsl(14deg, 26%, 29%)
vs White: 9.32:1 (AAA) vs Black: 2.25:1 (Fail)

Faded Amber

Gilded Accent
HEX #C8963E
RGB rgb(200, 150, 62)
HSL hsl(38deg, 56%, 51%)
vs White: 2.66:1 (Fail) vs Black: 7.89:1 (AAA)

Sage Herbarium

Botanical Midtone
HEX #829177
RGB rgb(130, 145, 119)
HSL hsl(95deg, 11%, 52%)
vs White: 3.35:1 (AA Large) vs Black: 6.27:1 (AA)

Aged Parchment

Timeless Surface
HEX #EFE8DA
RGB rgb(239, 232, 218)
HSL hsl(40deg, 40%, 90%)
vs White: 1.22:1 (Fail) vs Black: 17.23:1 (AAA)

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.

60% Dominant Base
Use the primary neutral/light swatch (Aged Parchment) for canvas backgrounds and card surfaces.
30% Structural Secondary
Apply midtones for navigation bars, card headers, borders, and secondary buttons.
10% Accent Callout
Reserve high-saturation focal colors for CTAs, conversion badges, and active state highlights.

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:

CSS Variables
: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 */
}
Tailwind CSS Config
{
  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.

All Color Palettes Named Color Dictionary Interactive Color Wheel