Tempered Harbor color palette — #EEDED6 · #86AD91 · #006E9F · #004D32 · #020349
Built around Deep Indigo, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Parchment (#EEDED6): A whisper-light, dusty orange — the color of autumn markets.
- Sage (#86AD91): A luminous, dusty teal — the color of glacier melt.
- Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D32): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Indigo (#020349): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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
- Ultramarine Ridge color palette (#F7EBE4, #78AAC1, #1A62C2, #004B42, #14043D)
- Tempered Station color palette (#FAE8F6, #6BC6D7, #006EA2, #00402B, #000015)
- Washed Denim color palette (#DFECE1, #569BA7, #005269, #00302C, #001625)
- Dusty Cerulean Canyon color palette (#E8DFD1, #65C0CF, #0090B7, #006E65, #001625)
- Tempered Cerulean color palette (#FAEBE5, #91D1DA, #1C90C7, #007048, #172B59)
- Washed Lagoon color palette (#E6F0D2, #269F67, #90008B, #005331, #20001F)
- Timeworn Lagoon Quarry color palette (#D3FAEC, #00A380, #00614A, #003322, #000302)
- Hushed Azure Delta color palette (#DFF1E0, #4FC8CC, #3095EF, #5E5400, #002018)
Browse the whole catalog at Explore, or see today's palette.