Tempered Cerulean color palette — #F3F7EB · #C6E4FF · #87B5EC · #4696BB · #283A5B

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Powder Blue (#C6E4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#87B5EC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#4696BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#283A5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cerulean 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

• Timeworn Cerulean Ridge color palette (#F5F7EB, #ADECFC, #6DBEDC, #359CA3, #1D4335)
• Periwinkle Boulevard color palette (#EFF8F0, #DAD5DF, #7DA7E9, #1A7B92, #232A53)
• Patina Ash color palette (#F4F6EE, #C3DFEF, #B6BDEA, #74ABC1, #5D4C5D)
• Cerulean Thicket color palette (#EFF0DC, #65D4D4, #00A5B1, #007E70, #00242B)
• Cobalt Loft color palette (#F6F1EC, #AFD0C5, #6978B2, #005B5C, #271440)
• Teal Pier color palette (#EDEEE0, #47B4AF, #008589, #005F50, #000C0E)
• Chalky Basin color palette (#D2EFC7, #70C845, #00BAC6, #C38837, #2D2D12)
• Tempered Lantern color palette (#F5F9D6, #B7FBCD, #9FE1CB, #94AF77, #41433C)

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