Tempered Cerulean color palette — #E7F6EF · #2A88AC · #483549 · #1F2C26 · #0F1716

A conversation between Cerulean and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Cerulean (#2A88AC): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#483549): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#1F2C26): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0F1716): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Hushed Atelier color palette (#F9EEF5, #6B74C5, #4C343E, #30252C, #191415)
• Aged Orchard color palette (#ECF5E8, #009180, #2A4331, #242B21, #121713)
• Hushed Turquoise color palette (#E5F4FE, #30AAD3, #4E586D, #2E3A41, #1D2324)
• Patina Powder color palette (#E5F4FF, #79C2E5, #6D7E8D, #495760, #1C2327)
• Cobalt Delta color palette (#EADAEC, #006ABB, #202358, #230E26, #07150F)
• Tempered Amber color palette (#FFF0FB, #8194D4, #C27061, #51845D, #4C3D49)
• Turquoise Atelier color palette (#F8F5EF, #C9E7E0, #5EA5B6, #437B6C, #395046)
• Tempered Amber Grove color palette (#FCF1FB, #94B0E7, #B9923A, #5571AC, #514C46)

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