Tempered Cerulean color palette — #F7F1E7 · #8CD5E0 · #2F88A2 · #005C52 · #002437
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Ice Blue (#8CD5E0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#2F88A2): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002437): 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
- Patina Corridor color palette (#F7F1E7, #A2CEEC, #4E7EB8, #005968, #2F162B)
- Ancient Teal Orchard color palette (#C9E7DF, #00A8A5, #007179, #004755, #002937)
- Powder Field color palette (#DDFAE8, #B7E0FF, #9BAEF4, #357C7D, #122E25)
- Hushed Market color palette (#E7DFD3, #218698, #004258, #001F1D, #000104)
- Frosted Quarry color palette (#DBEFE1, #00A3B8, #BC5B41, #00606D, #360C03)
- Frosted Plum color palette (#DAF2E4, #008AA5, #9D4C89, #6A5B02, #001A0C)
- Weathered Hollow color palette (#D3F3FF, #00BAE8, #00769C, #003B4C, #001118)
- Patina Navy Delta color palette (#EDE1CC, #2C92CF, #00478F, #002A33, #01001D)
Browse the whole catalog at Explore, or see today's palette.