Cobalt Canyon color palette — #FFF0F7 · #97D8FC · #547EC9 · #00675F · #40366A

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Powder Blue (#97D8FC): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#547EC9): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#00675F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#40366A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Cypress Thicket color palette (#FBF2F8, #C1E2F4, #688EB1, #11735A, #3A4764)
• Soft Study color palette (#F8F1E5, #A5D8F4, #3787CD, #00606B, #071F57)
• Frosted Sapphire color palette (#FFF1F6, #73C1F4, #3C5FDE, #005653, #392362)
• Denim Thicket color palette (#D0F0E7, #00ADB5, #0080AA, #0050A2, #3A3571)
• Dusty Cobalt Lagoon color palette (#D9EFFF, #0088C8, #9F6200, #685B00, #003450)
• Patina Market color palette (#ECF7FF, #DDD7EB, #E098C4, #008B7A, #37486F)
• Chalky Sapphire color palette (#EDF7FF, #6BB2FF, #0067C5, #003D73, #00244A)
• Hushed Studio color palette (#F4E8F3, #528B8F, #00435A, #00240F, #00081E)

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