Tempered Cerulean color palette — #F5F6ED · #C8E5CB · #3699A7 · #007269 · #2E503C

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

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Celadon Mist (#C8E5CB): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#3699A7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007269): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#2E503C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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 Azure Coast color palette (#F4F6EF, #C4E8E9, #6BA0C6, #36798C, #3F5952)
• Cerulean Veranda color palette (#F5F6ED, #ADCEBA, #0084A9, #005F66, #164435)
• Ancient Boulevard color palette (#E8EADD, #2D9FB3, #005265, #003031, #001721)
• Gentle Corridor color palette (#F2F9E3, #339F67, #0088A9, #806500, #373932)
• Fern Field color palette (#F1F9E3, #C3EDF0, #70D2CA, #688C69, #3A520F)
• Pine Quarry color palette (#EEFBD8, #89D0A8, #008E59, #005231, #083821)
• Frosted Harbor color palette (#F2ECC1, #8CAD63, #4B8D21, #2E6A31, #494B44)
• Patina Drift color palette (#FCF3F0, #C5EAE1, #82C8E9, #69A97D, #563E56)

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