Tempered Harbor color palette — #EDF7FA · #D1DAE8 · #A2B6C6 · #007372 · #313D40

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

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D1DAE8): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A2B6C6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007372): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#313D40): quiet, heavy and certain.

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

• Muted Lagoon Chapel color palette (#F1F7F1, #D1DCDB, #AAC4C8, #35908C, #333E32)
• Cerulean Ridge color palette (#F0F6FC, #DAD9E3, #B7A8AA, #6A85A0, #4E5359)
• Muted Delta color palette (#F1F5FD, #DDD6E6, #B9B8D9, #5164B0, #374051)
• Muted Abyss Market color palette (#D6E2E7, #A6BDCA, #7D91A3, #004E55, #132227)
• Denim Studio color palette (#EBEEF6, #C9CBDB, #A19DB1, #4D4E84, #292D3B)
• Sky Harbor color palette (#ACF3FF, #7CB4DD, #627296, #6C4F67, #5D3835)
• Tempered Pine Meadow color palette (#EBF9F2, #8CA664, #3D713D, #1A545A, #203C34)
• Tempered Hollow color palette (#E0E6ED, #939AAA, #6C6E87, #002563, #030914)

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