Tempered Cerulean color palette — #F2F3EA · #CAE4D0 · #369CB2 · #006C6B · #003240

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F3EA): bright and airy, almost weightless.
• Celadon Mist (#CAE4D0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#369CB2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C6B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003240): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Patina Parlor color palette (#F1F3EB, #C8E3D9, #6892B8, #006884, #3B213C)
• Ancient Denim Thicket color palette (#EFF0E6, #4F95A8, #005168, #002B2F, #00050A)
• Timeworn Cerulean Coast color palette (#F1F3E9, #B1D0C0, #2586B1, #005A66, #002339)
• Lagoon Ridge color palette (#FAF3F0, #BFE3EC, #78C6EA, #219779, #24415F)
• Antique Cocoa color palette (#F9F1DF, #B7AB85, #7F7643, #5C4A10, #27230D)
• Antique Market color palette (#FFEEE5, #CE9382, #729C53, #AF3201, #172F00)
• Hushed Bronze color palette (#FEEEE5, #DFD8BF, #DEBA8C, #AD6659, #352F2A)
• Mulberry Market color palette (#FFEEE6, #BD796C, #937F13, #904C94, #321506)

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