Cobalt Alley color palette — #F0F4E8 · #ADD4F9 · #4C84CB · #005D80 · #092053

Azure and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F0F4E8): bright and airy, almost weightless.
• Powder Blue (#ADD4F9): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4C84CB): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005D80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#092053): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cerulean Pier color palette (#F1F3EB, #C2E6D6, #5C94BB, #1C687B, #102E48)
• Cornflower Harbor color palette (#FEF1F5, #A8D3FB, #5B7AD1, #006571, #403275)
• Antique Atelier color palette (#DFE4D3, #5191BE, #004B83, #002938, #000412)
• Azure Harbor color palette (#CDE5F2, #08ABF4, #006FAE, #004580, #002359)
• Hushed Chapel color palette (#D7E5FF, #3578FF, #AE3EAD, #007071, #03143C)
• Patina Cerulean color palette (#F2F3EB, #B2D0BA, #008AA4, #005B5B, #002819)
• Tempered Mallow color palette (#FFEAFC, #E0D6E9, #C6B2FF, #4479B1, #402339)
• Aged Harbor color palette (#D7FBF1, #2D9DF8, #009D48, #005E9E, #00290E)

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