Tempered Harbor color palette — #E7E8DA · #5FB2AE · #007579 · #004B3F · #00181B
Built around Teal, softened by Turquoise — the whole palette hums with calm and sophistication.
The five colors
- Parchment (#E7E8DA): a clean, paper-quiet neutral.
- Turquoise (#5FB2AE): A luminous, balanced teal — the color of glacier melt.
- Teal (#007579): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00181B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, 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
- Petrol Courtyard color palette (#EFF0E2, #71BFCC, #00829A, #005959, #00232F)
- Denim Loft color palette (#E4E7DA, #5B9CB6, #006085, #003A43, #000A15)
- Aged Cypress color palette (#E2F2EE, #7AC6C3, #00767B, #003F35, #000304)
- Misty Azure color palette (#CCEBD5, #73C1DD, #289DE2, #00676A, #00181E)
- Aged Chestnut Canyon color palette (#D4EDD2, #008987, #796500, #00504E, #140F00)
- Cerulean Villa color palette (#F6F7E1, #6BDFE8, #009EB2, #00736D, #003947)
- Faded Study color palette (#CFF1F5, #00747D, #3343D0, #1F5900, #000A0B)
- Dusty Market color palette (#ECF1E4, #9EC9F2, #5988C5, #00668C, #152B5A)
Browse the whole catalog at Explore, or see today's palette.