Cobalt Canyon color palette — #F0F5FF · #9FAFD7 · #AB975A · #506DBF · #594C24

Sapphire takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Mauve (#9FAFD7): A luminous, dusty violet — the color of a velvet chair.
• Moss (#AB975A): A luminous, balanced green — the color of a quiet forest floor.
• Sapphire (#506DBF): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#594C24): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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 Cobalt Balcony color palette (#ECF7FF, #82B8D8, #C18C60, #057CAD, #644150)
• Tempered Violet color palette (#F4F4FF, #C1A2D1, #76A775, #8C5BA4, #385638)
• Weathered Blush Balcony color palette (#FAEDF7, #9EB0ED, #D97C8C, #5B6CB2, #452821)
• Aged Veranda color palette (#EFF6FF, #A7C6F5, #5FC99C, #608DD1, #305455)
• Olive Courtyard color palette (#F2F5FF, #9590C8, #AA8152, #757D26, #3C4154)
• Cerulean Summit color palette (#F0F5FF, #DED8E2, #CDAFA1, #6397B4, #454B5E)
• Timeworn Chestnut Summit color palette (#FFF1F7, #ABBEAC, #9C7285, #824D44, #384D42)
• Worn Grape color palette (#F3F4FF, #9F7CE4, #957D00, #7400D5, #463A00)

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