Vintage Sepia — 5-color palette
#3D2817#7C5E3C#BFA77A#E6D5B8#F5EDE0Hex codes
Hex
#3D2817
RGB
61, 40, 23
HSL
27°, 45%, 16%
Hex
#7C5E3C
RGB
124, 94, 60
HSL
32°, 35%, 36%
Hex
#BFA77A
RGB
191, 167, 122
HSL
39°, 35%, 61%
Hex
#E6D5B8
RGB
230, 213, 184
HSL
38°, 48%, 81%
Hex
#F5EDE0
RGB
245, 237, 224
HSL
37°, 51%, 92%
How to use this palette
The first color in Vintage Sepia is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--vintage-sepia-1: #3D2817;
--vintage-sepia-2: #7C5E3C;
--vintage-sepia-3: #BFA77A;
--vintage-sepia-4: #E6D5B8;
--vintage-sepia-5: #F5EDE0;
}