Tempered Cerulean color palette — #D7E9E3 · #5596C6 · #5D4455 · #1A342C · #111B15

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

The five colors

• Honeydew (#D7E9E3): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5596C6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5D4455): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#1A342C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#111B15): 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

• Softworn Lagoon color palette (#DDE8DD, #00A4A4, #395449, #223322, #161A11)
• Weathered Hollow color palette (#FCEDF7, #8D98CD, #6A5057, #43323E, #1B2421)
• Washed Azure Workshop color palette (#EDF6FF, #12A7FB, #3C465D, #14202A, #020609)
• Periwinkle Boulevard color palette (#D6EAE4, #4FB2FF, #7F667E, #3D4E49, #131A17)
• Cobalt Meadow color palette (#D7E7F6, #0076BC, #223349, #15202B, #0A0C13)
• Antique Orchid Ridge color palette (#F5DBE0, #A65FB7, #5B3330, #32191F, #15090F)
• Airy Moss Canyon color palette (#FFF1F6, #AD98D3, #C18D3F, #719522, #4E2B3B)
• Weathered Sapphire Lantern color palette (#F8EBF6, #3165FF, #402C5B, #071641, #000A06)

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