Tempered Coast color palette — #FFF2EB · #96DBED · #1785CE · #006950 · #313B6E

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#96DBED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#1785CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006950): A full-bodied, balanced teal — the color of sea glass.
• Navy (#313B6E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Patina Cobalt Archive color palette (#FFF2EA, #6DC5E3, #006FC3, #005747, #292472)
• Antique Cerulean color palette (#EBF5ED, #AFD6EA, #008EC0, #006260, #002745)
• Cobalt Meadow color palette (#FCF3EB, #A6D0C0, #5B76B5, #00605C, #502E3F)
• Weathered Villa color palette (#FCF3F0, #CAE4CD, #5393B1, #37704B, #563E56)
• Worn Azure Grove color palette (#FCF4E9, #ABE6F7, #28A8DE, #008380, #0A426C)
• Onyx Lagoon color palette (#F9E5DB, #429EAF, #004F77, #003121, #050346)
• Indigo Lagoon color palette (#FFF5DA, #B5A525, #615ECE, #685D00, #312F75)
• Timeworn Study color palette (#F5ECE3, #5086AF, #26327F, #002222, #0F0022)

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