Tempered Cerulean color palette — #FBF2F8 · #84D5D4 · #00869E · #12623E · #213E53

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Ice Blue (#84D5D4): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00869E): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#12623E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#213E53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Cobalt Corridor color palette (#FCF2F6, #98CDED, #4879BD, #005F62, #2D3959)
• Hushed Forest Field color palette (#F6EFF6, #A9CFD9, #2D88A4, #115F23, #002141)
• Weathered Dune color palette (#FFF2EE, #C2DDC1, #47A2BF, #467A4A, #1D3C5C)
• Tempered Periwinkle color palette (#E6F9FF, #AFE0FF, #9AA8E4, #417F5E, #274655)
• Faded Jade Canyon color palette (#D8F3DE, #00B18D, #007675, #005863, #003E52)
• Patina Turquoise Thicket color palette (#E5F9FF, #00B8D3, #006B7D, #00424A, #00282F)
• Washed Grove color palette (#B5F1F7, #008A94, #A84A51, #7F4500, #0C303B)
• Rust Drift color palette (#D4F5FF, #00A2A3, #B85654, #006464, #542524)

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