Tempered Harbor color palette — #F9F4ED · #C9E9E1 · #82BCCA · #7B8D6F · #385146
Built around Ash, softened by Eucalyptus — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Honeydew (#C9E9E1): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#82BCCA): A luminous, dusty blue — the color of deep harbor water.
- Eucalyptus (#7B8D6F): A luminous, dusty green — the color of fresh herbs.
- Charcoal Brown (#385146): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Patina Market color palette (#FBF3EF, #CBE8E1, #7DA38F, #607838, #345149)
- Tempered Aqua color palette (#E5FCEC, #2BC6DD, #C392BD, #A2915F, #35483B)
- Hushed Powder color palette (#F9F4ED, #C3F0F7, #9CB2DA, #5A8FA2, #614B59)
- Hushed Seafoam Veranda color palette (#E9FDD8, #71E5D8, #47B0B4, #488893, #3C5648)
- Antique Meadow color palette (#E7DFD3, #66C3C2, #008394, #005B46, #00232F)
- Wandering Loft color palette (#F9F3F7, #D4D5E8, #AFC1E7, #6DB394, #3E556A)
- Washed Lagoon color palette (#EBFAED, #5AD9E5, #E19C9E, #3D9CA5, #62453C)
- Tempered Cerulean color palette (#EFE3D0, #3DA2B3, #00617D, #003C37, #000A15)
Browse the whole catalog at Explore, or see today's palette.