Cobalt Alley color palette — #FFF1F7 · #ABD4F2 · #537CCF · #00656E · #3B376D

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Powder Blue (#ABD4F2): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#537CCF): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3B376D): 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

• Aged Thicket color palette (#FBF2F7, #C7E0F0, #638FB6, #00716B, #38466C)
• Powdered Workshop color palette (#F0F3EA, #ACD5F6, #0085E5, #005E7B, #042250)
• Aged Sapphire Chapel color palette (#FFF1F5, #8BBDEA, #3D5EDF, #00545F, #35216C)
• Powdered Periwinkle Station color palette (#ECF8F7, #B8E1FF, #33A0FD, #007DA2, #264066)
• Washed Abyss color palette (#F4ECF1, #87BBC8, #007588, #00532E, #00324A)
• Powder Cabin color palette (#FFF3E8, #CBE9FF, #8DB7FF, #00A4AF, #3A3968)
• Dusty Delta color palette (#F7E8F3, #4D8B95, #00425B, #00231B, #00091A)
• Navy Pier color palette (#ECDBE3, #6F94B0, #054694, #002F32, #100045)

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