Cerulean Canyon color palette — #F9F2FD · #E9A9C1 · #87B583 · #3694AA · #333446

Built around Cerulean, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F2FD): bright and airy, almost weightless.
• Ballet Pink (#E9A9C1): A luminous, balanced rose — the color of pressed rose petals.
• Sage (#87B583): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3694AA): A luminous, balanced blue — the color of deep harbor water.
• Deep Teal (#333446): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Weathered Study color palette (#F4F4FF, #CCA9E1, #BCA460, #3E9B7E, #283748)
• Muted Cobalt color palette (#FCF2F7, #E8AD8F, #4EB7B0, #6B84C2, #352C3C)
• Lagoon Terrace color palette (#ECF9EE, #FDBEBB, #CFA481, #3E9D99, #54414E)
• Hushed Lagoon color palette (#FEF1F7, #B4A4EF, #62A97E, #6F6499, #2E1F26)
• Dusty Workshop color palette (#FFF0FE, #FF8C81, #00AA6F, #0083B3, #2F1236)
• Softworn Bronze Balcony color palette (#FAF2FA, #CC8989, #A18436, #066F96, #3D303D)
• Ancient Apricot color palette (#F9EEF5, #E9A388, #8C747C, #5E4F58, #252024)
• Patina Lantern color palette (#F6DFF1, #D97455, #009D80, #0066A8, #150825)

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