Cobalt Canyon color palette — #FDF2F6 · #9CCDE6 · #3D76D0 · #006157 · #393558

Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Sky (#9CCDE6): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3D76D0): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#393558): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Cobalt 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

• Patina Forest Workshop color palette (#F9F3F9, #9DCEDB, #0086A2, #276228, #233D56)
• Cobalt Orchard color palette (#F7F1E8, #98D0F0, #3E80BD, #005A65, #2E172C)
• Wandering Garden color palette (#FAF3F6, #D8DFF0, #749BD3, #2C7E71, #4C5265)
• Lagoon Boulevard color palette (#FBF4EE, #C7E9DB, #8DB4E8, #009FA3, #32365F)
• Washed Lantern color palette (#ECE2EB, #4E9DA8, #005073, #00321E, #030E39)
• Weathered Ultramarine Cabin color palette (#EFE5E8, #7CA4C3, #3442C4, #003E3E, #271044)
• Teal Field color palette (#D7F8FF, #0DB5B8, #007571, #003F3B, #002B2B)
• Patina Powder color palette (#DCFCFF, #A6EBF8, #9FB2FF, #507133, #204249)

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