Tempered Harbor color palette — #F6E8E1 · #B2B1A2 · #919B84 · #B64B2F · #1D1009
A conversation between Terracotta and Eucalyptus, giving this palette its sense of sophistication.
The five colors
- Rose Water (#F6E8E1): bright and airy, almost weightless.
- Ash (#B2B1A2): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#919B84): A luminous, dusty green — the color of a quiet forest floor.
- Terracotta (#B64B2F): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#1D1009): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: 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
- Hushed Bronze Courtyard color palette (#E4DED5, #AAB5A0, #81A28A, #926900, #1B1205)
- Hushed Orchard color palette (#F9EBEB, #B9AEA0, #9F987A, #A64E81, #240B0C)
- Terracotta Corridor color palette (#F6EAF1, #C4ADB6, #819E86, #8C3100, #1D0E18)
- Aged Cocoa Workshop color palette (#F5ECE7, #DACDC2, #B8A283, #832E00, #060100)
- Garnet Ridge color palette (#EEE5EB, #96A495, #608575, #651400, #090207)
- Tempered Amber color palette (#F2EEE7, #CDD6C9, #A6C1B1, #B08E26, #352D1E)
- Quiet Lantern color palette (#F7EBD9, #8AA259, #198455, #674679, #0C1200)
- Onyx Bloom color palette (#FFDADA, #B58C50, #608155, #4D5382, #17164D)
Browse the whole catalog at Explore, or see today's palette.