Tempered Coast color palette — #E5EEEB · #A2B9B3 · #9D849B · #00496C · #020E09

A conversation between Navy and Heather, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5EEEB): bright and airy, almost weightless.
• Ash (#A2B9B3): A luminous, dusty teal — the color of shallow lagoons.
• Heather (#9D849B): A luminous, dusty pink — the color of neon signs at night.
• Navy (#00496C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#020E09): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Tempered Coast 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

• Wandering Navy Atelier color palette (#E7DCE4, #BEAEB7, #A68193, #2E3C82, #130610)
• Aged Corridor color palette (#E3E9E3, #A8B8AA, #799682, #004F4C, #060D05)
• Wandering Abyss Meadow color palette (#E3EFF7, #AFBAC9, #868DA8, #004B67, #0E212E)
• Aubergine Parlor color palette (#EFE7E8, #DCC5C8, #B89B9D, #6C407D, #211015)
• Timeworn Veranda color palette (#EDF8F3, #EED7DE, #D3AEC2, #00698C, #040F0B)
• Washed Driftwood color palette (#F6F0F3, #DED4D4, #BFAFA3, #9A768B, #3A3437)
• Washed Garnet Balcony color palette (#D8DCFB, #806EAF, #6A447B, #560B19, #1E0900)
• Softworn Coast color palette (#EBDFE4, #9E868E, #855F69, #33006D, #040002)

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