Cobalt Alley color palette — #FFF0FC · #5D7DCE · #826F34 · #635116 · #3F2B3C

Built around Azure, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#5D7DCE): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#826F34): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#635116): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#3F2B3C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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

• Cobalt Garden color palette (#FFF0FA, #707AC4, #627B33, #00624D, #402B3A)
• Hushed Cobalt Parlor color palette (#FFEFFF, #4F83C5, #9C5B62, #813C20, #3C2C3D)
• Faded Drift color palette (#FDF1F9, #7681CE, #914E3B, #005732, #004046)
• Dusty Harbor color palette (#E5F5FB, #3895A0, #867434, #445C00, #001E28)
• Ancient Hollow color palette (#F7F7E2, #8F90D0, #8C5579, #005C45, #50333E)
• Tempered Lantern color palette (#FBF2F6, #E5D8D4, #C9BDB6, #756E95, #4E4549)
• Patina Meadow color palette (#FFF1F3, #9E6696, #884352, #374A00, #11322A)
• Muted Courtyard color palette (#FFF1F1, #BA4385, #826000, #2D5600, #431C30)

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