Hazy Cobalt color palette — #D3E1ED · #6FA4DF · #4771B9 · #304581 · #222848

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

The five colors

• Silver (#D3E1ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#6FA4DF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4771B9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#304581): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#222848): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Hazy Petrol Summit color palette (#C2E5EE, #51AFCC, #007FA9, #005B84, #0A2E47)
• Indigo Bloom color palette (#E4E8FF, #A39DE8, #7969B1, #5C457F, #332043)
• Cobalt Villa color palette (#CCE5FF, #8CBBF4, #658DDB, #4E6BC0, #3D426D)
• Gentle Denim Villa color palette (#FAEDF8, #81A3E7, #3EA280, #3D61AE, #003021)
• Navy Quarry color palette (#FFEBF7, #B6B8F4, #6C6BAC, #39326F, #120A33)
• Aged Dune color palette (#FFEBF7, #E7D1D1, #E4B4AB, #6E82B0, #3C2833)
• Dusty Iris Station color palette (#FFEBFA, #7789CC, #A56794, #007984, #2C1527)
• Hushed Lapis color palette (#E2EBFF, #6E7BFF, #5B26EE, #3B0090, #22004A)

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