Tempered Coast color palette — #CDF1F5 · #496592 · #51254B · #072300 · #000E08

Royal Purple and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CDF1F5): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#496592): A full-bodied, dusty blue — the color of open sky before noon.
• Royal Purple (#51254B): A deep, shadowed, balanced pink — the color of a candy shop window.
• Onyx (#072300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000E08): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

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 Terrace color palette (#D7E6FF, #7D74A5, #6D396A, #3B2800, #0F1300)
• Washed Studio color palette (#DCEADD, #357D7D, #1E3970, #252400, #051403)
• Muted Boulevard color palette (#DBEEF2, #5F8BA9, #7B5A98, #004F2D, #001912)
• Washed Hollow color palette (#FBECDD, #5E85A3, #212D8D, #002222, #0F0023)
• Timeworn Pewter Drift color palette (#DEDEEC, #975587, #763402, #003130, #001922)
• Inked Field color palette (#D2E8FF, #4746C4, #3F0071, #2E002B, #1A0002)
• Aged Aubergine Pier color palette (#FFE8EE, #712A8D, #364500, #340046, #040700)
• Ancient Cocoa Bloom color palette (#C8E7FB, #8A7CA4, #76484D, #004242, #002836)

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