Tempered Coast color palette — #EEF7F7 · #D2DDFB · #72ACD4 · #1F88A0 · #304A64

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Powder Blue (#D2DDFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#72ACD4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#1F88A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#304A64): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Weathered Terrace color palette (#EEF6FF, #D8D8E3, #D9BCED, #639CBC, #405167)
• Weathered Periwinkle Summit color palette (#EEF6FF, #66AAEA, #B283C9, #42978A, #273A4C)
• Washed Petrol color palette (#D5E2DF, #79BFC3, #008493, #005A54, #00242C)
• Frosted Cerulean color palette (#B0ECFA, #67C5E5, #1F9BC6, #217198, #254C67)
• Ancient Delta color palette (#D6EAE9, #77A8CD, #0068B6, #00465E, #001134)
• Blush Pier color palette (#EDF7FF, #80BFEC, #D08ABC, #3D88B9, #5B3250)
• Patina Denim Corridor color palette (#D5ECE9, #639DAB, #00627B, #003B3E, #000B13)
• Dusty Corridor color palette (#EEF6FF, #A0CDFE, #6096CD, #2D5E8F, #073155)

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