Tempered Harbor color palette — #EDF8F6 · #D7DDE9 · #7EC6E5 · #448F98 · #2A4254

Sky takes the lead with Storm Blue 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 (#D7DDE9): bright and airy, almost weightless.
• Sky (#7EC6E5): A luminous, balanced blue — the color of open sky before noon.
• Storm Blue (#448F98): A luminous, dusty blue — the color of deep harbor water.
• Navy (#2A4254): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Drift color palette (#E8F9F8, #DADDE9, #69ACE6, #307991, #152F4E)
• Softworn Mallow color palette (#EBF7FF, #93E1FF, #DCA3E4, #2D97B9, #393351)
• Powdered Wisteria Atelier color palette (#EDF7FF, #69C5FF, #BD94ED, #5BA28C, #192D3D)
• Washed Harbor color palette (#FAF3F7, #C2E2F4, #618EBB, #00735D, #404468)
• Sky Archive color palette (#E0F3F1, #4DC4FB, #006EA3, #003C49, #000308)
• Ash Drift color palette (#EDF7FF, #D8D9E4, #BBADAA, #8AAEC5, #354351)
• Turquoise Grove color palette (#D9FDFF, #7FF0FF, #01B3CD, #1F768E, #1F4358)
• Cobalt Chapel color palette (#E3FBFA, #A2D1FF, #2E78DA, #004C6C, #010433)

Browse the whole catalog at Explore, or see today's palette.