Cerulean Canyon color palette — #F3EEE5 · #AECEB2 · #0096B0 · #006E5C · #003346

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Pistachio (#AECEB2): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0096B0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E5C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Dusty Cobalt color palette (#F4EDE3, #9CCCE4, #428DC5, #006B73, #0F2C59)
• Hushed Cerulean color palette (#EFF8F1, #B2F3F7, #00A3BF, #006C5A, #002231)
• Worn Denim color palette (#E8DECF, #639CAD, #006084, #003B3A, #000A18)
• Petrol Chapel color palette (#F6ECE9, #80BDC2, #007298, #00532C, #132D55)
• Lagoon Summit color palette (#F9F4EE, #CAE8E2, #92BDA6, #5B9389, #315247)
• Weathered Workshop color palette (#FDF4E6, #ADE4FF, #4FA3E3, #00818B, #1D3E73)
• Hushed Emerald Market color palette (#F3ECF2, #93E3E8, #00B4EB, #009750, #132D53)
• Weathered Ultramarine Canyon color palette (#E8E0D3, #6CA8DA, #1F60C8, #004858, #0C0344)

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