Tempered Cobalt color palette — #F0F5FF · #5182CA · #8C541A · #684526 · #273B3A

Built around Azure, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Azure (#5182CA): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#8C541A): A full-bodied, balanced gold — the color of old brass.
• Bronze (#684526): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Teal (#273B3A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Hushed Iris Coast color palette (#F1F5FF, #9481CA, #776E32, #565025, #22383B)
• Cerulean Dune color palette (#EAF7FF, #00A2B2, #94585C, #6B4042, #2A382F)
• Tempered Loft color palette (#EDF6FF, #5D9ED6, #996046, #275E58, #19434D)
• Cerulean Archive color palette (#EBF7FE, #3397B9, #656915, #20576A, #273740)
• Tempered Chestnut color palette (#EBF5EC, #4A969A, #83632D, #455023, #171F0D)
• Antique Driftwood color palette (#F0F6FD, #DDD9E2, #B7A8A4, #6F839E, #4F5358)
• Sapphire Alley color palette (#EEF6FF, #0068EE, #4B5900, #353F00, #002621)
• Worn Powder color palette (#ECF7FF, #91BAF4, #8E79B1, #70496D, #6D3341)

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