Hazy Cobalt color palette — #F0F0FF · #B8B4FF · #706DB3 · #39366B · #110D31

Built around Slate, softened by Lavender — the whole palette hums with creativity and balance.

The five colors

• Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#B8B4FF): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#706DB3): A full-bodied, balanced violet — the color of wild irises.
• Navy (#39366B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#110D31): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged monochrome.

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

• Washed Cobalt Station color palette (#E9F3FF, #8EC5FF, #417BB3, #11426D, #00152B)
• Softworn Mallow color palette (#FFECF1, #E0B7F3, #9673A8, #5A3F64, #2D111B)
• Lilac Delta color palette (#FFF0F8, #E2D9E7, #969DEF, #54568E, #181637)
• Ancient Mallow Station color palette (#FFEBF7, #DFCDD2, #CEB4DE, #8D6E87, #422C37)
• Weathered Grape Drift color palette (#E7D9FF, #B87CFF, #8100C8, #3E0062, #0D001D)
• Frosted Rust color palette (#FDEDEE, #DB9BCA, #B1535D, #8E477D, #190905)
• Orchid Lantern color palette (#FFECF1, #A967C1, #A2624F, #0F587D, #291218)
• Velvet Amethyst Chapel color palette (#F1EDFF, #793BE7, #490095, #13002F, #020008)

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