Cobalt Alley color palette — #F0F6FD · #D9D8F4 · #CB81BA · #578CCF · #150F1D

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Thistle (#D9D8F4): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#CB81BA): A luminous, balanced pink — the color of neon signs at night.
• Cerulean (#578CCF): A luminous, balanced blue — the color of deep harbor water.
• Ink (#150F1D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Aged Terrace color palette (#ECF7FE, #C7E0FF, #9B91E3, #3896B5, #0E111E)
• Hushed Canyon color palette (#F2F5FD, #DFD8E1, #DD96B2, #9791CD, #221B26)
• Chalky Archive color palette (#F4F4FF, #E8CBFF, #E95B65, #9B5FC3, #120412)
• Lilac Lantern color palette (#E8FBEB, #C4C6FF, #B27AB9, #706235, #2D3044)
• Soft Coast color palette (#F1F5FF, #EAD3EE, #B189D4, #8A5688, #54123A)
• Ancient Lantern color palette (#EFF6FF, #6DA7FC, #B96145, #5A6831, #021A22)
• Feathered Ultramarine color palette (#FBF2F9, #97ADE3, #8556A9, #3856BA, #301E24)
• Pale Plum Loft color palette (#EAF5F1, #83BAE4, #AE4F7E, #006AA3, #1C0707)

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