Cerulean Alley color palette — #F7EFF5 · #ADE9EF · #5A96B6 · #386B4E · #1B2D46

Built around Slate Blue, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Sea Foam (#ADE9EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5A96B6): A luminous, dusty blue — the color of deep harbor water.
• Pine (#386B4E): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#1B2D46): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Tempered Boulevard color palette (#FBEDF5, #A4CEE6, #4880B7, #005D4B, #141E3D)
• Cerulean Archive color palette (#EDF8F6, #BDE3F3, #3C98AB, #00716F, #2D4C5D)
• Ash Study color palette (#F8EFF2, #D8D0E4, #879CC8, #41747F, #313548)
• Worn Teal color palette (#D9EEDF, #00BEA2, #00878F, #085976, #1D2F48)
• Frosted Turquoise Coast color palette (#E1F6FF, #1CB7D0, #C4746B, #007182, #411916)
• Patina Aqua Drift color palette (#FBF4EA, #D2DAEF, #6EC9E6, #548F84, #21483B)
• Cerulean Lagoon color palette (#E1F6FF, #009FB4, #B46849, #97583E, #05222D)
• Washed Lagoon color palette (#F3E9F4, #008B83, #004350, #042100, #000104)

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