Hazy Cobalt color palette — #D7E1EC · #2282DD · #8B2B00 · #484400 · #000D21

A conversation between Azure and Rust, giving this palette its sense of nature and growth.

The five colors

• Silver (#D7E1EC): bright and airy, almost weightless.
• Azure (#2282DD): A luminous, vivid blue — the color of deep harbor water.
• Rust (#8B2B00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#484400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000D21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Hazy 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 Meadow color palette (#FAE7FC, #1F83E1, #863400, #3F3900, #000104)
• Terracotta Lagoon color palette (#D3E0EA, #0078A6, #A4342E, #563E00, #000F19)
• Sapphire Harbor color palette (#D5E1F6, #3458EA, #803200, #2F3700, #000B0C)
• Lapis Terrace color palette (#E4E9F6, #6752DE, #865400, #224F00, #0C042B)
• Tempered Indigo color palette (#ECE6D9, #7C69E3, #7E367F, #423700, #1E0636)
• Pale Cabin color palette (#E1E1FF, #806BFF, #A46900, #206800, #1D1840)
• Aubergine Atelier color palette (#DCE2FE, #5835A4, #76005C, #322700, #11012E)
• Grape Coast color palette (#DDDEFD, #7402AF, #524400, #00321B, #030009)

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