Tempered Cerulean color palette — #FDF2EF · #8DD4D3 · #1B84A3 · #2E6036 · #473249

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Ice Blue (#8DD4D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1B84A3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#2E6036): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#473249): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Softworn Boulevard color palette (#FEF3E9, #98CCF4, #6174B7, #00605F, #4F2F3D)
• Dusty Veranda color palette (#EAF4F2, #AACED9, #258B94, #005C52, #00262C)
• Tempered Teal color palette (#F6F6EA, #C4DCC4, #3BA7AF, #007D6F, #00434C)
• Timeworn Sapphire color palette (#FFF3E7, #74C1EF, #2D5EE8, #005652, #36285B)
• Washed Olive Boulevard color palette (#FCF3F0, #C9EEE1, #7AA58C, #6F742C, #325249)
• Weathered Thicket color palette (#FAE5DD, #209197, #004359, #00240E, #00081E)
• Emerald Harbor color palette (#FAF2F8, #C1E8F3, #4CC3DF, #29A46C, #003F5E)
• Worn Fern Cabin color palette (#F8F7DC, #A3F1E3, #86BBDB, #7E683E, #394900)

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