Tempered Coast color palette — #E8F1EA · #B6D7F9 · #75A1FF · #008CAF · #272950

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

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Powder Blue (#B6D7F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#75A1FF): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#008CAF): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#272950): A deep, shadowed, dusty 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

• Sky Study color palette (#E9F1EB, #A1DEEF, #26B2EB, #00918E, #043051)
• Patina Iris Harbor color palette (#FCF4EA, #D0E9FF, #7C8BD9, #00696C, #26133B)
• Muted Indigo Coast color palette (#E8F2E7, #9EC9F2, #6C79E8, #006B6F, #352449)
• Wandering Powder Coast color palette (#F1F7F2, #D3DFF7, #7DC7F5, #3EAAAC, #37495E)
• Worn Canyon color palette (#E0EEE3, #75BADF, #0087DF, #006B77, #000B41)
• Petrol Chapel color palette (#E6EBDE, #C5A7C9, #3D6BAE, #004666, #050F3E)
• Weathered Lagoon color palette (#D8E2DA, #65AEB7, #00819E, #005E53, #000B14)
• Chalky Terrace color palette (#DBF1D7, #43BC1D, #5092FF, #D5585E, #0A2605)

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