Cerulean Alley color palette — #F4F7EA · #9FD8EA · #008CB5 · #00656E · #12455F

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Powder Blue (#9FD8EA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008CB5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#12455F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Softworn Cobalt color palette (#F4F6EE, #A3D0C2, #267BC8, #005B78, #4A304A)
• Airy Cobalt Coast color palette (#FCEFE7, #95DCF2, #008BCD, #006359, #122445)
• Dusty Studio color palette (#DFE1D5, #3A9EB4, #005268, #002F32, #001622)
• Aged Balcony color palette (#EDF0E7, #7EBBD8, #0070A2, #004D5C, #0E304B)
• Azure Atelier color palette (#FDF1F8, #9BE9FF, #00A6F2, #008476, #253E6D)
• Tempered Corridor color palette (#F4F6F0, #C5E7E9, #6D9EC9, #42778A, #5E4B5F)
• Mulberry Coast color palette (#FFF1F2, #D95BC0, #0087C6, #9D0087, #003F5F)
• Hushed Terrace color palette (#EAEEE4, #5285B4, #003A7B, #002030, #00012E)

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