Tempered Harbor color palette — #FAF3F7 · #DDB2C9 · #A6687A · #6A63A1 · #392927
A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FAF3F7): bright and airy, almost weightless.
- Carnation (#DDB2C9): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#A6687A): A full-bodied, balanced red — the color of embers at dusk.
- Slate (#6A63A1): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#392927): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Creativity, Sophistication. Tagged duotone, muted.
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
- Hushed Petrol Orchard color palette (#EDF8F4, #97C7E9, #906F99, #2C74A1, #3B282C)
- Ancient Coast color palette (#F5F0F4, #AEC3F1, #AE7159, #4E6DBC, #211208)
- Weathered Ash color palette (#FDF4E6, #BB98CA, #9C6478, #4F6131, #584043)
- Antique Alley color palette (#FFF1F6, #D3B2DA, #A57196, #86475F, #763134)
- Timeworn Bronze Terrace color palette (#FDF2F1, #E193B3, #A35918, #8D4264, #2D2117)
- Hushed Driftwood color palette (#FBF2F5, #E0D8D5, #ABADA2, #8D789E, #5A4F52)
- Hushed Cornflower Summit color palette (#F2F5FB, #BDD1FA, #C38E67, #6089DF, #3B2730)
- Worn Canyon color palette (#FCF2F6, #8375B2, #895D24, #245630, #23362E)
Browse the whole catalog at Explore, or see today's palette.