Tempered Cerulean color palette — #FEF1FA · #B2F4F3 · #00A3C1 · #006E45 · #002134

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Sea Foam (#B2F4F3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A3C1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E45): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Azure Basin color palette (#FCF2F7, #D3E0FE, #5797D4, #006A67, #101748)
• Hushed Turquoise Balcony color palette (#EFF0E3, #A4E0E0, #00BAC7, #009283, #00343D)
• Aged Cypress color palette (#DEEDE9, #7DC1C1, #007A82, #004C43, #001A1F)
• Denim Dune color palette (#EFE5ED, #6CAEBC, #005C81, #002C24, #000105)
• Patina Veranda color palette (#FCF1F9, #9AD7E9, #0082C0, #005249, #00072E)
• Hushed Sky Orchard color palette (#FDF1F8, #D6D4E0, #5AB6FF, #008980, #1D306A)
• Soft Olive Harbor color palette (#F6F3FF, #DA7CD0, #438405, #00756E, #1C001A)
• Tempered Olive Bloom color palette (#E1FDEF, #A3BD84, #7F7A14, #5D4000, #001715)

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