Tempered Coast color palette — #D8EBF2 · #4EC1FF · #0089DC · #1551E1 · #283179

Cobalt and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8EBF2): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#4EC1FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#0089DC): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#1551E1): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#283179): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Nightshade Hollow color palette (#C3EEEF, #00B1E1, #006FD0, #2F3BBC, #3F2D69)
• Worn Loft color palette (#C2E4FF, #6DAEFF, #597FFF, #5237DF, #47337E)
• Hushed Ultramarine color palette (#F2F5FF, #A6C1FF, #597FF5, #2F41CE, #091366)
• Feathered Sky Ridge color palette (#97F3FF, #00C4ED, #009BCB, #0068A8, #0A4280)
• Misty Drift color palette (#87F3FF, #4DD3FF, #4FADFF, #6C6EDA, #493769)
• Pale Dune color palette (#D9E9FF, #5E84EF, #5940E5, #4B0090, #2B0043)
• Soft Sapphire Corridor color palette (#FFEFFF, #95C2FF, #D28800, #0064CB, #523300)
• Azure Drift color palette (#FFF0FD, #E2D6E8, #F0B1FF, #0094E2, #394269)

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