Tempered Cobalt color palette — #DFF0FD · #0091CB · #3A4366 · #002A3F · #04141A

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

The five colors

• Frost (#DFF0FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0091CB): A luminous, balanced blue — the color of open sky before noon.
• Navy (#3A4366): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#002A3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#04141A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cornflower Cabin color palette (#E2EDFF, #5279FF, #4C3C60, #152643, #07131C)
• Azure Bloom color palette (#DAFFF0, #009DDB, #2D3866, #001B12, #000201)
• Lagoon Grove color palette (#DBF6FC, #009B92, #004D62, #002E2B, #001616)
• Cobalt Workshop color palette (#D5E0EB, #0076C0, #273151, #00172C, #00050A)
• Dusty Azure color palette (#D8EEFF, #10ACF5, #496A8D, #304454, #05131C)
• Wandering Dune color palette (#F1F0FF, #AC8DBF, #5E5367, #373549, #1F2128)
• Azure Grove color palette (#FCF1F9, #ACE7F1, #38A8D9, #00856C, #18416D)
• Ultramarine Courtyard color palette (#DBE8FF, #314BD9, #2D1842, #000720, #000205)

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