Tempered Harbor color palette — #F7E9EF · #9AAFA1 · #658780 · #572A00 · #1E0D16
Built around Espresso, softened by Storm Blue — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#F7E9EF): a clean, paper-quiet neutral.
- Sage (#9AAFA1): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#658780): A full-bodied, dusty teal — the color of shallow lagoons.
- Espresso (#572A00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#1E0D16): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Sophistication. Tagged scandi, muted, 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
- Wandering Garnet color palette (#F1EAF3, #B7A2AE, #6D8772, #6B002B, #1B0E1E)
- Worn Coast color palette (#E6EFE8, #8E9E99, #567879, #362900, #000D04)
- Hushed Chestnut color palette (#EDDEE3, #ABB8AD, #76A08B, #784400, #210C15)
- Wandering Bronze color palette (#E3DED9, #A69F94, #927931, #512C00, #090300)
- Hushed Loft color palette (#DAE8E4, #A9BDBF, #7394A2, #2C5000, #0C2420)
- Washed Boulevard color palette (#FFF1F5, #C0DACD, #8DAEAA, #804D00, #472733)
- Patina Veranda color palette (#D0E3DA, #3E7B47, #004139, #3E0235, #001503)
- Worn Bronze Delta color palette (#ECF9F1, #CADEE2, #A3C3C7, #796B00, #32453A)
Browse the whole catalog at Explore, or see today's palette.