Hazy Cobalt color palette — #D6DFED · #D4B568 · #5775C1 · #2B4486 · #020A1D

Azure and Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Silver (#D6DFED): A whisper-light, dusty blue — the color of deep harbor water.
• Gold (#D4B568): A luminous, balanced gold — the color of old brass.
• Azure (#5775C1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Indigo (#2B4486): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#020A1D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Calm, Balance. Tagged luxury, dark, 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

• Worn Denim color palette (#E9EFFA, #D0CB91, #7584BE, #44518D, #0F1623)
• Cobalt Cabin color palette (#CFE1EE, #F29E99, #0083B3, #004F6E, #000D18)
• Hushed Aubergine Pier color palette (#D9DDF0, #77CE99, #7F6AB3, #503584, #08091B)
• Lapis Dune color palette (#E4ECFF, #9DB057, #5958BC, #2F287E, #01010F)
• Hazy Denim color palette (#E6DAE4, #C59F4A, #36509A, #10215F, #130611)
• Nightshade Workshop color palette (#F0F6FF, #E2B349, #2946A8, #08133D, #000106)
• Dusty Lilac color palette (#EDEEF5, #D9D0D7, #CDB1BB, #9D79E9, #292C40)
• Hushed Grape Study color palette (#E7EBFE, #58AC63, #6731B4, #320763, #03000B)

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