Tempered Cerulean color palette — #F5F7E5 · #7DDCE7 · #009DB5 · #007270 · #003948

Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Ice Blue (#7DDCE7): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007270): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Turquoise Quarry color palette (#E5FBF7, #C0E4FC, #00ACC8, #007271, #002936)
• Feathered Cornflower Harbor color palette (#F3F7E9, #99D3F9, #0092E9, #006E8B, #003266)
• Feathered Pier color palette (#FFF2EC, #72C7D2, #00799D, #005843, #00345E)
• Hushed Canyon color palette (#E8EBDE, #659BB2, #005F88, #003A44, #000A16)
• Antique Sky color palette (#FFF0FB, #78EEFC, #00BBF0, #009B78, #00345D)
• Scarlet Pier color palette (#F3E8C6, #A98900, #00995F, #D0031C, #2D2300)
• Pale Mustard Ridge color palette (#EEDCBB, #B9A545, #937300, #6D4B00, #2D2A00)
• Hushed Field color palette (#FEF7C4, #D3DF99, #98C869, #A67E00, #373600)

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