Tempered Cerulean color palette — #FCF3EF · #B0CEB2 · #0084A9 · #206234 · #49304A

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Pistachio (#B0CEB2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#0084A9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#206234): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#49304A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Tempered Cobalt color palette (#FBF4ED, #A0D1C0, #5974C0, #00605E, #3E3358)
• Softworn Hollow color palette (#EAF5EC, #A0D0E0, #008BA2, #005D4C, #022336)
• Turquoise Thicket color palette (#F9F4ED, #A5E1E4, #47A4B9, #1C7D69, #0C4055)
• Softworn Sapphire Bloom color palette (#FFF3E6, #88BEE7, #435BE5, #005655, #3C2064)
• Ancient Lagoon color palette (#F7E5DD, #398E98, #00425D, #002412, #000527)
• Washed Terrace color palette (#FFF2ED, #FCD9B4, #A8B875, #8C5B87, #49413D)
• Hushed Terracotta Lantern color palette (#FFE9E1, #D26A62, #008991, #972928, #003E42)
• Weathered Cabin color palette (#FFDCD1, #C24C5C, #00779C, #355488, #40221A)

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