Cobalt Alley color palette — #EDF8F4 · #8DCDF5 · #7A8AD0 · #008AC3 · #301D2B

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sky (#8DCDF5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#7A8AD0): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#008AC3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#301D2B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged duotone, muted, cool.

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

• Washed Harbor color palette (#F1F7F2, #7FD4DE, #5496C7, #00919D, #0C2A22)
• Cornflower Thicket color palette (#FBF2F9, #B1C3F4, #A67BBD, #5B77E0, #301E23)
• Washed Lilac color palette (#EDF7FF, #D1DAF8, #9792E5, #5291BC, #0D1120)
• Softworn Parlor color palette (#EAF8FE, #76E8FF, #D78FDE, #40B2C8, #252130)
• Terracotta Dune color palette (#FFF2ED, #A3ACE9, #8F79B6, #984453, #4E3443)
• Patina Azure Boulevard color palette (#F8F3F9, #E1D7DA, #D1BBBF, #5893D0, #4C454D)
• Frosted Terrace color palette (#E5EEFF, #B1C3F8, #8A8ED8, #7250C0, #502877)
• Timeworn Amethyst Drift color palette (#FCECFB, #72ACFF, #7D45FF, #0063D2, #130632)

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