Cerulean Corridor color palette — #EFF6FA · #D9DAE3 · #B7A9AD · #60889D · #4C5458

Storm Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D9DAE3): a clean, paper-quiet neutral.
• Ash (#B7A9AD): a calm mid-gray that lets other colors speak.
• Storm Blue (#60889D): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4C5458): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cerulean Corridor 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 (#F3F5FB, #DED8E0, #CFB9C9, #6D6CA8, #444751)
• Muted Driftwood color palette (#ECF4F0, #CDDADA, #A4AEB6, #6B8B7B, #303834)
• Tempered Meadow color palette (#EDF8F4, #A0CBC6, #4F8F7D, #4D6A7A, #3B5250)
• Tempered Harbor color palette (#ECF9EF, #61B6C7, #6173B1, #6C561F, #3A4A55)
• Muted Veranda color palette (#E1E7F2, #B6B7C8, #9188A8, #2F3A8A, #191F2B)
• Hushed Pewter Pier color palette (#DEE8EE, #919BA7, #6D6B94, #003041, #000B14)
• Hushed Lilac color palette (#EDF7FF, #9CF9F9, #9BD6FF, #A591D3, #35455A)
• Tempered Boulevard color palette (#F3F4FF, #D5CEE5, #CF93A2, #6D3F9A, #303049)

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