Tempered Coast color palette — #E8F9F9 · #A7D1F7 · #367BCD · #004D6A · #000532

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

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Powder Blue (#A7D1F7): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#367BCD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D6A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000532): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Worn Cerulean Delta color palette (#ECF8F6, #94D8E9, #0087A9, #005155, #000F18)
• Aged Cerulean color palette (#EAF9F6, #C8E1FF, #00A4BB, #006A66, #00232C)
• Soft Station color palette (#F8E7EC, #9EC4E8, #6388FF, #007B8A, #201446)
• Faded Ultramarine Grove color palette (#EFE1D3, #5AA2E0, #304CB5, #003840, #0C0226)
• Softworn Sky Parlor color palette (#E7F9FF, #C5E1FF, #6AC4F3, #00716C, #001115)
• Antique Veranda color palette (#DAEEED, #7CA8C9, #005697, #002938, #000106)
• Wandering Thicket color palette (#C9EBDE, #00AE95, #006E65, #004544, #001617)
• Linen Parlor color palette (#CEF7FF, #00A89D, #957600, #005A54, #0B0700)

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