Tempered Cerulean color palette — #F4F7E9 · #87DDF3 · #008CB1 · #00656C · #004661

Cerulean and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Ice Blue (#87DDF3): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#008CB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00656C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#004661): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Gentle Cornflower Field color palette (#F3F7EC, #A6D4FC, #197FE3, #006184, #253E6D)
• Muted Cobalt Coast color palette (#FEEEE5, #78E1FA, #008DC7, #006356, #0E2446)
• Azure Lagoon color palette (#F4F6EF, #C7E5E6, #62A0CD, #2C798F, #3E5952)
• Hazy Harbor color palette (#FDF1F9, #97EAFE, #00A7EB, #008472, #264066)
• Cerulean Lantern color palette (#E1E3D8, #539CA9, #005264, #003031, #001721)
• Aged Petrol Corridor color palette (#EDF0E5, #8FBDA7, #00719E, #004E5A, #0C314A)
• Hazy Cobalt Quarry color palette (#BCFAEB, #009480, #0078BB, #626600, #003930)
• Gentle Ridge color palette (#FFF2EB, #B4F0FF, #6BBFFF, #00AA80, #2F3A73)

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