Tempered Harbor color palette — #EDF8F6 · #D2DFEC · #00B7E7 · #007E86 · #0B3249
Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF8F6): bright and airy, almost weightless.
- Silver (#D2DFEC): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00B7E7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007E86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#0B3249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Powder Corridor color palette (#EFF7F7, #DADDE8, #88C1F4, #428DA8, #304155)
- Patina Denim Corridor color palette (#DCEFEC, #5CAFCA, #005D7D, #002A30, #000103)
- Wisteria Courtyard color palette (#EDF7FF, #35B0FC, #B86CF3, #00937B, #001D33)
- Chalky Aqua color palette (#D5FFFF, #06E2F2, #00A5BB, #006177, #00394C)
- Airy Fuchsia color palette (#EBF7FF, #46D0FF, #D77DE4, #0083A5, #371A3C)
- Misty Cornflower Terrace color palette (#ECF8F8, #D5DBF8, #2E92FE, #006488, #0A1C40)
- Hushed Cobalt Courtyard color palette (#FBF2F8, #ABCADA, #3B7EAF, #006248, #2D385F)
- Ancient Ultramarine color palette (#E2F2F2, #85BCF3, #0060D2, #003A54, #000016)
Browse the whole catalog at Explore, or see today's palette.