Cerulean Canyon color palette — #F7ECE7 · #A8D0B2 · #2990C3 · #007047 · #152A5B

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

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Pistachio (#A8D0B2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2990C3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007047): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#152A5B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Washed Cypress color palette (#FBF3F0, #BCDECA, #629ACF, #007F65, #31375E)
• Cornflower Garden color palette (#F8ECE2, #9CCBEA, #5F83D5, #006C67, #321F5B)
• Worn Azure color palette (#FDF1FA, #A2F6FF, #009ED7, #166D43, #0B1D3D)
• Hushed Petrol color palette (#E7F2E9, #77BFC8, #00748E, #005147, #00324A)
• Teal Field color palette (#DAF6DE, #00B18F, #008285, #005B77, #00335A)
• Forest Parlor color palette (#F6E7E3, #71AFAA, #007289, #0C4E06, #001528)
• Sunlit Turquoise color palette (#BBE9FF, #49BDDE, #0083A7, #004959, #001B25)
• Scarlet Meadow color palette (#D3E8DE, #0093BF, #CC4543, #964D00, #002330)

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