Tempered Harbor color palette — #EEF7FB · #D8DAE4 · #B5A9AD · #628899 · #4A5459

A conversation between Storm Blue and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D8DAE4): a clean, paper-quiet neutral.
• Ash (#B5A9AD): a calm mid-gray that lets other colors speak.
• Storm Blue (#628899): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4A5459): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Atelier color palette (#F0F7F2, #D3DDDE, #B5B5AA, #86A48E, #4D554F)
• Washed Petrol Veranda color palette (#EEF6FD, #D9D8EA, #B3BADA, #0073A0, #36414A)
• Patina Dune color palette (#E9F8FF, #ABC3E2, #9293B0, #64796C, #3E5146)
• Navy Lagoon color palette (#E1E9F5, #B3B7CF, #9089A8, #2C407C, #161F2F)
• Turquoise Villa color palette (#FFF1F5, #53B7CB, #6875A0, #71532F, #3A4A56)
• Onyx Market color palette (#DEE6EB, #889CB2, #687086, #00303E, #020A11)
• Antique Turquoise Villa color palette (#EAF8FF, #25A8C6, #965A7A, #3C5D41, #1B453F)
• Aubergine Grove color palette (#F3F4FF, #D5CEE9, #C797A6, #664695, #2F3143)

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