Tempered Cobalt color palette — #EFF6FF · #436ABB · #733200 · #323C00 · #00232F

Built around Royal Blue, softened by Rust — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#436ABB): A full-bodied, balanced violet — the color of wild irises.
• Rust (#733200): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Olive (#323C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#00232F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Timeworn Garnet color palette (#ECF7FF, #0072A1, #841D2D, #3F3000, #00251F)
• Indigo Archive color palette (#F3F4FF, #7B58B3, #684A00, #004417, #0C2436)
• Softworn Terracotta Chapel color palette (#EEF1FF, #7B68B3, #942429, #3B3E00, #003236)
• Ancient Mulberry Dune color palette (#EBF2FF, #5364B9, #8E0F46, #114000, #040B1E)
• Iris Parlor color palette (#DCF7E1, #827BC4, #794379, #4B3F00, #36284B)
• Linen Brick color palette (#E4FBF4, #2698E7, #AD2500, #005B48, #02221B)
• Washed Denim color palette (#F2F5FC, #DCD7E0, #B3B1C1, #5759A7, #343A4B)
• Weathered Byzantium color palette (#EAE9FF, #9200C3, #503F00, #003721, #001430)

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