Tempered Cerulean color palette — #F7EFF5 · #C0E3EF · #189CC2 · #226D53 · #192E41
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F7EFF5): bright and airy, almost weightless.
- Powder Blue (#C0E3EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#189CC2): A luminous, balanced blue — the color of open sky before noon.
- Pine (#226D53): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#192E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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 Veranda color palette (#EEF8F6, #BCE4F3, #2B9AAD, #1D706C, #2B4C5E)
- Ancient Alley color palette (#F7EFF4, #99D2E4, #0083C5, #005C53, #0F203A)
- Wandering Boulevard color palette (#B9EEED, #41C1B0, #00848B, #005C70, #013248)
- Feathered Coast color palette (#E0F6FF, #33B7C6, #CE6D62, #00727D, #421915)
- Tempered Denim Harbor color palette (#F5E8F1, #5295A4, #004F71, #002C25, #000412)
- Powder Dune color palette (#E3F5FC, #D5D8E6, #C1B7F7, #499380, #1C3442)
- Patina Hollow color palette (#F5F6ED, #BAE2EA, #68CCDE, #1B958E, #274736)
- Aged Studio color palette (#FBE8ED, #517DA3, #172895, #001E23, #010009)
Browse the whole catalog at Explore, or see today's palette.