Tempered Cerulean color palette — #ECEEE2 · #328592 · #004351 · #001F1F · #000203

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

The five colors

• Cream (#ECEEE2): bright and airy, almost weightless.
• Cerulean (#328592): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000203): quiet, heavy and certain.

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

• Petrol Boulevard color palette (#DBF0E6, #528CB8, #3A68B2, #00323D, #000307)
• Antique Field color palette (#E8EBE0, #91BFAC, #0072AA, #004959, #00172D)
• Wandering Cypress color palette (#E0E0D4, #87A686, #00656A, #003A32, #000D11)
• Aubergine Cabin color palette (#DCEEE2, #005664, #59007B, #00232A, #030005)
• Hushed Cerulean color palette (#F1F4E4, #9EDAEF, #008FBC, #00616B, #00283D)
• Midnight Chestnut color palette (#F9EBDB, #6B4C00, #3C2400, #190A00, #020100)
• Antique Balcony color palette (#F1F3EC, #C4E2E4, #7AA1C4, #427385, #412F42)
• Muted Cerulean Field color palette (#E6E9D8, #36839A, #004258, #001F23, #000103)

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