Cerulean Canyon color palette — #F4F7EB · #A7D0B7 · #2584A3 · #005F65 · #084058

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

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Pistachio (#A7D0B7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2584A3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#084058): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Cerulean color palette (#FAEFEA, #ACD2BA, #4183AC, #005D50, #081F44)
• Cobalt Dune color palette (#F3F7EA, #9CD7F8, #0087CB, #006379, #0C416F)
• Cobalt Coast color palette (#F3F7ED, #A6CFC4, #5079B3, #005A7F, #4C2F49)
• Timeworn Petrol Grove color palette (#E0FDF1, #B6E4D7, #96AFDC, #0E718A, #1D4438)
• Ancient Turquoise Station color palette (#D4EEEF, #00B4C5, #007485, #00586B, #20395B)
• Timeworn Cerulean Atelier color palette (#E3E7D5, #468BA2, #00425B, #002226, #000B15)
• Petrol Study color palette (#ECF1E2, #89B7DE, #2669B0, #004C66, #152C55)
• Amethyst Delta color palette (#C9EFDF, #0084B5, #7A54B5, #006B50, #053426)

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