Cobalt Canyon color palette — #F1E0E7 · #71A8C6 · #4772C1 · #005E56 · #0B0026

Built around Sapphire, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Rose Water (#F1E0E7): A whisper-light, dusty rose — the color of strawberry cream.
• Blue Fog (#71A8C6): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#4772C1): A full-bodied, balanced violet — the color of wild irises.
• Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#0B0026): A deep, shadowed, dusty violet — the color of wild irises.

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

• Faded Petrol Pier color palette (#F5E7F4, #53B1B8, #007FA9, #006134, #00071F)
• Softworn Denim color palette (#F4EBDD, #6A99B4, #005A9B, #003A42, #00022D)
• Misty Corridor color palette (#E8DDE4, #7BCEE3, #4599D9, #008061, #121451)
• Pale Courtyard color palette (#C5EDF1, #3DC2DE, #8495D9, #5B6E06, #000D0F)
• Ancient Lagoon Delta color palette (#C9E7E6, #00A098, #00766F, #004446, #000202)
• Muted Navy Meadow color palette (#EDDFD3, #4E8098, #003584, #00201C, #010009)
• Hushed Study color palette (#CCEEF0, #00956B, #CD144E, #006447, #130003)
• Soft Canyon color palette (#DAF6ED, #00826C, #BE003C, #853700, #000202)

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