Tempered Harbor color palette — #E7F2E9 · #9CCDDD · #0096AE · #006E5A · #003345
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Sky (#9CCDDD): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0096AE): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006E5A): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Softworn Villa color palette (#F6F7E7, #B6ECDF, #00A5B5, #006B62, #00232B)
- Tempered Cornflower color palette (#E7F2E9, #9CCBED, #4587DC, #00697C, #222B4E)
- Soft Azure Garden color palette (#EDF9EF, #A9E5FF, #0AA4F6, #008189, #264065)
- Wandering Denim Veranda color palette (#D6E2D8, #5F9DAD, #006082, #003C3A, #000A17)
- Tempered Forest color palette (#F4EBF4, #6DC1C5, #007295, #005426, #162E4E)
- Antique Turquoise Hollow color palette (#FBEBE2, #A3E0E2, #00B6DE, #009568, #00314F)
- Ancient Turquoise Field color palette (#F1F7F2, #D3E0F1, #7CBCD1, #569488, #405565)
- Fuchsia Pier color palette (#ECF3FF, #D4CDFF, #E692F1, #397BB2, #313154)
Browse the whole catalog at Explore, or see today's palette.