Tempered Coast color palette — #EDF7FE · #BAE9E5 · #79A5C0 · #49738C · #222D36

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Sea Foam (#BAE9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#79A5C0): A luminous, dusty blue — the color of deep harbor water.
• Slate (#49738C): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#222D36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Worn Ash Studio color palette (#F3F5FD, #F3D1F1, #A096C6, #6F668D, #282A37)
• Patina Cerulean Orchard color palette (#EEF6FE, #EDC3DA, #63809E, #384F67, #242C34)
• Timeworn Stone Archive color palette (#E7F6EF, #A7D0A9, #39687F, #1A382D, #0B1712)
• Faded Cornflower Hollow color palette (#EFF6FF, #7BE8BA, #5F8BE1, #3258A4, #0D1B2E)
• Weathered Iris Courtyard color palette (#EAEEFD, #F9B3B5, #867CC4, #554B89, #111525)
• Softworn Veranda color palette (#F2F5FB, #DBD8DE, #A9B0E9, #BEB0A9, #505259)
• Hushed Moss color palette (#ECF7FB, #7DCBC9, #CAA05F, #899546, #1F3D3E)
• Wandering Corridor color palette (#D7E6F5, #459A6C, #004B83, #00162C, #000206)

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