Tempered Cerulean color palette — #FDF3EE · #B1CFAC · #008799 · #2A603C · #0E4056

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#B1CFAC): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#008799): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#2A603C): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#0E4056): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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 Coast color palette (#FEF2EC, #A7D0B8, #2380B5, #006156, #4B2F4A)
• Hushed Villa color palette (#F8F0ED, #B7CFB4, #37879D, #2C5C28, #002720)
• Tempered Quarry color palette (#F9F2FB, #B4DCE6, #51A2B9, #487A45, #213D57)
• Petrol Coast color palette (#F7ECE6, #69BFD6, #006FA3, #005147, #182D52)
• Dusty Archive color palette (#EBDED8, #1B9293, #004452, #002414, #000A15)
• Softworn Emerald Delta color palette (#F0F8F1, #BBE9F4, #43C6D3, #00A477, #014251)
• Ash Canyon color palette (#FAF4ED, #C6EBEF, #8699C1, #57785F, #634A58)
• Cerulean Orchard color palette (#F4E3D9, #1D9EC1, #004E7B, #00302C, #030D3B)

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