Cerulean Canyon color palette — #FCEEE9 · #8DE0E4 · #008FBB · #006732 · #03234E

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

The five colors

• Cream (#FCEEE9): bright and airy, almost weightless.
• Ice Blue (#8DE0E4): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#008FBB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006732): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#03234E): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Soft Balcony color palette (#FBEFE7, #A4D8F1, #3981E5, #006358, #231D48)
• Washed Onyx Lantern color palette (#FFEEE7, #5DCEDD, #007BAC, #005535, #010E50)
• Glacier Veranda color palette (#FEF4E3, #6DE3EC, #008EA8, #006858, #004661)
• Softworn Station color palette (#CBEAFF, #008CCB, #7E7900, #456F00, #001E15)
• Gentle Ridge color palette (#FCF1FB, #88EEF5, #00AADF, #0E884B, #254067)
• Hushed Mallow Lagoon color palette (#FFEAFE, #EBCDE3, #FF98BE, #008B9D, #1C2245)
• Lagoon Thicket color palette (#F4E5E0, #1A9D9E, #005168, #002E0E, #00040F)
• Dusty Ultramarine color palette (#EDE2D9, #6CA4C4, #154BC2, #003A36, #0D0127)

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