Tempered Cerulean color palette — #E7F6F0 · #3986AE · #473741 · #1F2C27 · #101715

Cerulean takes the lead with Charcoal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F6F0): a clean, paper-quiet neutral.
• Cerulean (#3986AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#473741): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#1F2C27): quiet, heavy and certain.
• Ink (#101715): 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

• Tempered Veranda color palette (#EAF5F0, #61A4CD, #635162, #293D36, #1C241F)
• Timeworn Sky color palette (#E9F4FC, #6CC2EF, #717B94, #485762, #1D2324)
• Dusty Sapphire Grove color palette (#FBE5FB, #0063CF, #312243, #231023, #08150E)
• Washed Pier color palette (#F1DFE6, #8159B8, #422B2B, #2A1920, #130A0D)
• Iris Thicket color palette (#FFF0F8, #9390CA, #9A8855, #69783E, #513B47)
• Obsidian Harbor color palette (#F6EAFF, #564B00, #550079, #201A07, #180008)
• Petrol Lantern color palette (#FFF0F9, #A7AAE2, #B09464, #6A6BA7, #514C46)
• Twilit Lagoon color palette (#C8EDE2, #003051, #030F0D, #060017, #000202)

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