Cerulean Alley color palette — #ECF8F6 · #B3F2FD · #00A2C1 · #006A6A · #00222E
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F6): a clean, paper-quiet neutral.
- Sea Foam (#B3F2FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A2C1): A luminous, balanced blue — the color of open sky before noon.
- Teal (#006A6A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00222E): 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
- Azure Ridge color palette (#E8F9F9, #D3DBF9, #3C96EA, #006584, #021C44)
- Wandering Denim color palette (#D4E3E1, #6AACC8, #005C82, #002A32, #000103)
- Hushed Cobalt color palette (#ECF8F7, #8CD7FD, #0082C0, #004F5F, #000D1E)
- Pale Courtyard color palette (#F7EAF4, #8BE3F1, #00B3EC, #199376, #0C2F51)
- Antique Studio color palette (#E3F2EE, #7CC6C3, #00767B, #003F35, #000304)
- Softworn Petrol Studio color palette (#F6EBF3, #7ABEC8, #00709E, #005333, #162B59)
- Glacier Veranda color palette (#EFF7F6, #D6DEEA, #97D7EE, #599FA4, #3D505D)
- Bronze Grove color palette (#E3FDEE, #B5B96C, #847800, #554400, #101500)
Browse the whole catalog at Explore, or see today's palette.