Cerulean Canyon color palette — #ECF7FF · #418AAF · #9E5B59 · #684F00 · #19364A

Built around Cerulean, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#418AAF): A luminous, balanced blue — the color of deep harbor water.
• Walnut (#9E5B59): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#684F00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#19364A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Cerulean Canyon 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

• Mulberry Station color palette (#F0F5FF, #7884C0, #92485E, #594500, #004237)
• Fern Harbor color palette (#F0F6FF, #798FC2, #A6714A, #596710, #343E4E)
• Feathered Terracotta Corridor color palette (#E6F9FD, #179489, #97568C, #8E2F12, #0E3941)
• Muted Pewter color palette (#E7FBEB, #8196CC, #795995, #684600, #343C54)
• Dusty Chapel color palette (#EDECFF, #845DA0, #6D6200, #005235, #25233C)
• Washed Veranda color palette (#D3E7FF, #0065C6, #8C3F00, #423F00, #001E43)
• Tempered Emerald Corridor color palette (#E0F7F7, #169E6A, #AB5E27, #00623F, #021F1F)
• Hushed Terrace color palette (#F1F5FB, #DCD9E3, #C6BBCD, #5474AC, #404854)

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