Tempered Cobalt color palette — #EAF3FF · #E2D1E9 · #DEA8F6 · #0076B0 · #252648

Built around Cerulean, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Thistle (#E2D1E9): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#DEA8F6): A luminous, balanced pink — the color of peonies in June.
• Cerulean (#0076B0): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#252648): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Cobalt 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 Sapphire Quarry color palette (#EEF1FF, #F4D4FF, #FF9ECA, #4C67BD, #2F1F3F)
• Linen Boulevard color palette (#DAE6FF, #D0C4F5, #C984C3, #1567A1, #1B1233)
• Tempered Powder color palette (#E2F5FF, #CED6EB, #9AB3FF, #007F7F, #113144)
• Mallow Pier color palette (#FFF0FE, #E4D5E8, #F2B9FE, #4A91BA, #57384D)
• Ancient Blush Bloom color palette (#D9FFF3, #F0E3F1, #F892BC, #007E83, #55374E)
• Dusty Study color palette (#F6EEFF, #E8D1DB, #ABAA9F, #8D89AF, #3D3542)
• Powdered Peony Atelier color palette (#D6DCFC, #CD91DB, #DA6094, #2E3F8D, #1B0625)
• Weathered Villa color palette (#EDF6FF, #E0D9E3, #AEB1A5, #00ABB6, #2B375C)

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