Tempered Harbor color palette — #F0E2D6 · #9E5600 · #006B5B · #450096 · #150700
Indigo and Ochre set the tone — five colors that lean into optimism and creativity.
The five colors
- Parchment (#F0E2D6): A whisper-light, dusty gold — the color of old brass.
- Ochre (#9E5600): A full-bodied, balanced gold — the color of old brass.
- Pine (#006B5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#450096): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Linen Dune color palette (#E5DDD1, #8A6400, #00667B, #60006E, #110900)
- Patina Aubergine Orchard color palette (#F2E0D2, #BE6400, #355F00, #420075, #191000)
- Hushed Bronze color palette (#FFDDC9, #A34E03, #006668, #00377D, #351500)
- Antique Aubergine color palette (#FFE2CD, #A74C00, #004D4C, #510050, #100300)
- Faded Aubergine color palette (#F4EADF, #764500, #451EA0, #4C0C00, #040100)
- Hazy Pier color palette (#FFE3CE, #A64F00, #546300, #004159, #170600)
- Powdered Aubergine color palette (#E8EEE0, #007E5D, #006068, #3F009C, #000F08)
- Plum Drift color palette (#F4E2E3, #B300A1, #006D42, #003680, #190016)
Browse the whole catalog at Explore, or see today's palette.