Cerulean Alley color palette — #F0F7F3 · #D1DDDF · #D8BAB5 · #559AB1 · #3F4B44

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D1DDDF): bright and airy, almost weightless.
• Stone (#D8BAB5): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#559AB1): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#3F4B44): quiet, heavy and certain.

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

• Wandering Turquoise Study color palette (#EFF6FB, #D8DAE2, #B9AEB8, #6EB8CE, #3D4A51)
• Aged Iris Garden color palette (#FAF3F7, #E7D5D4, #D9B8B0, #767FC8, #4B3A45)
• Denim Balcony color palette (#DFE7E3, #BBB0BC, #8893BD, #005A7C, #081712)
• Fern Station color palette (#F6F6EA, #BFCAA5, #53A089, #587C5F, #3C4900)
• Cobalt Studio color palette (#EDF8F4, #EAD7E7, #B8B9E6, #007EC3, #233832)
• Azure Pier color palette (#D8E9E4, #4B94DA, #5E4456, #1F322E, #111B17)
• Tempered Bronze color palette (#DCFFF1, #DBC1D6, #BA8E9E, #A56E3E, #6D4E00)
• Cobalt Studio color palette (#FFF4E2, #68BDE3, #6C83C7, #8F503B, #29433C)

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