Cobalt Canyon color palette — #CDE2FB · #5068B4 · #3B375D · #381225 · #210500

A conversation between Slate and Navy, giving this palette its sense of creativity and sophistication.

The five colors

• Powder Blue (#CDE2FB): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5068B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3B375D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#381225): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#210500): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Wandering Lagoon color palette (#E1DFF9, #6B5092, #4F2B53, #3C0C0C, #170B00)
• Cobalt Meadow color palette (#C8E9FE, #5877A8, #534777, #452004, #160F00)
• Petrol Balcony color palette (#C9F4F9, #116B84, #003E61, #28113B, #1D0220)
• Cerulean Boulevard color palette (#DDE1CC, #348DA3, #004357, #002225, #000B13)
• Hushed Garnet Dune color palette (#F8E5FA, #9A6186, #712A44, #422200, #191A00)
• Washed Lilac Boulevard color palette (#F0EAFE, #A571BE, #784972, #5A2619, #2F2300)
• Hushed Alley color palette (#D8F1E5, #448AA1, #635F95, #345619, #061400)
• Obsidian Ultramarine Harbor color palette (#DAE7FC, #1F47E8, #220096, #130046, #0D0013)

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