Hazy Cobalt Alley color palette — #DCF7E1 · #5987CA · #634A90 · #5C3600 · #21304D

A conversation between Cerulean and Plum, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DCF7E1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5987CA): A luminous, balanced blue — the color of open sky before noon.
• Plum (#634A90): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5C3600): A deep, shadowed, balanced gold — the color of honey in a jar.
• Navy (#21304D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Hazy 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

• Garnet Lantern color palette (#E1F4E5, #1493BA, #39569F, #741B00, #0B344D)
• Dusty Iris Workshop color palette (#E9FAED, #8C91D2, #81588A, #604B00, #363B57)
• Washed Market color palette (#D4F1E5, #0098BE, #68439F, #373D00, #05192E)
• Patina Mulberry color palette (#DEF6E2, #9476B4, #873B68, #3E4500, #3E2543)
• Airy Cobalt color palette (#EAF2FF, #5173C3, #84305C, #503400, #003522)
• Chalky Violet Archive color palette (#F5EFD0, #2EB2D8, #855DC7, #515C0A, #3D2640)
• Tempered Ultramarine color palette (#DFEEE2, #435DBC, #541977, #322000, #140D37)
• Dusty Forest color palette (#D6E5FF, #A2A7C6, #7F7695, #3C5F47, #1E484C)

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