Cerulean Canyon color palette — #F1F5FF · #F0D8FF · #F3AFC2 · #3095CC · #3A3F5F

Cerulean and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Thistle (#F0D8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#F3AFC2): A whisper-light, balanced red — the color of a theater curtain.
• Cerulean (#3095CC): A luminous, balanced blue — the color of deep harbor water.
• Navy (#3A3F5F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Tempered Periwinkle Delta color palette (#F3F4FF, #E3D6E0, #F2BCA4, #7395CD, #4E4C63)
• Lagoon Boulevard color palette (#ECF7FF, #D8D8ED, #D9B7EB, #05A3A5, #253E55)
• Aged Ash color palette (#FFF0FA, #E6D8E0, #D0B7A6, #6EA4C5, #3F2835)
• Muted Wisteria Villa color palette (#FFF0F8, #E4D5FF, #D297E4, #5A66A0, #573A48)
• Sunlit Courtyard color palette (#FBF1FF, #FFCEE4, #FFA58B, #7261F0, #602248)
• Pale Ultramarine color palette (#DDE4FA, #E1B7E2, #EC7A9C, #0065B8, #281343)
• Hazy Orchard color palette (#F0E1CB, #4EE79F, #A285E9, #2A2E4F, #181B29)
• Worn Corridor color palette (#F8E1E9, #96B89C, #AB723E, #874635, #143829)

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