Tempered Cerulean color palette — #FCF2F8 · #BCE3F5 · #5791BA · #336F57 · #374865
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF2F8): bright and airy, almost weightless.
- Powder Blue (#BCE3F5): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#5791BA): A luminous, balanced blue — the color of deep harbor water.
- Pine (#336F57): A full-bodied, dusty teal — the color of sea glass.
- Navy (#374865): A full-bodied, 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
- Muted Cypress Grove color palette (#FBF2F5, #DBDDEE, #8D97C1, #387B7D, #4F5067)
- Softworn Dune color palette (#FDF1F7, #A6CAE4, #5578B2, #006158, #393559)
- Cypress Grove color palette (#F6F1E9, #C9E4D2, #5497B5, #006D68, #03352A)
- Linen Iris Courtyard color palette (#F1F5FF, #7E7FCA, #817F28, #427035, #2E3750)
- Softworn Coast color palette (#F7E9F6, #378F93, #004358, #00240D, #00081C)
- Frosted Navy Meadow color palette (#E9DDE3, #529AB4, #00498A, #003128, #110242)
- Weathered Workshop color palette (#FBF3EF, #BFEEE8, #7FC6F9, #5CAA8A, #593D54)
- Timeworn Cobalt color palette (#BDF2FF, #73B4EB, #626EB9, #624B8D, #5A3E5F)
Browse the whole catalog at Explore, or see today's palette.