Cerulean Alley color palette — #F0F7F3 · #D2DCDD · #CCB9B5 · #4C9BB6 · #424A45

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Stone (#CCB9B5): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#4C9BB6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#424A45): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Driftwood Corridor color palette (#FBF3F6, #E3D6D3, #D4B9AC, #8875AC, #45363C)
• Cobalt Lantern color palette (#EAF9F4, #ECD6E9, #DAAFC8, #007DC5, #243832)
• Wandering Fern Alley color palette (#F5F6ED, #A1D2B1, #53A08A, #597B61, #3B4900)
• Hushed Denim Bloom color palette (#E4ECE9, #BFAEC0, #A98AA1, #005A7D, #081712)
• Worn Ridge color palette (#EBE1EC, #3392ED, #604257, #342A35, #111B17)
• Worn Hollow color palette (#FFF4E2, #69BDE4, #6780D8, #8F4F39, #23443C)
• Hushed Field color palette (#DAFFF2, #D6B7D1, #BE98A7, #A36C3C, #634800)
• Hushed Lilac color palette (#E3FCF3, #9AEFFF, #B7C6FE, #A69AF3, #4F3A4D)

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