Cobalt Alley color palette — #DCE5F4 · #526FAE · #2A304B · #151F30 · #0B0C16

Slate and Navy set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#DCE5F4): A whisper-light, dusty violet — the color of wild irises.
• Slate (#526FAE): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2A304B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#151F30): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0B0C16): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cobalt Alley 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

• Tempered Iris color palette (#EEDFED, #5E8EE0, #64414E, #372836, #141A17)
• Softworn Periwinkle Lantern color palette (#EDE0EB, #7EA8FF, #826675, #50464F, #121A18)
• Lowlit Mulberry color palette (#EAE2F7, #9B337E, #311D36, #180E23, #080308)
• Shadow Delta color palette (#E8E8FF, #454C54, #430066, #2B1220, #0C000A)
• Grape Grove color palette (#E2E7F7, #5D06E5, #2B0F3B, #0D042A, #03000F)
• Ancient Atelier color palette (#F3F4FF, #9878B9, #A66D2B, #007970, #343452)
• Smoked Nightshade color palette (#D8DFEE, #2900A5, #301118, #0E0020, #000206)
• Moonless Ridge color palette (#F2E9F9, #7E004E, #2E1D1A, #250005, #0A0004)

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