Cobalt Canyon color palette — #FFF0F8 · #D2D2FF · #A8A8EC · #7277BB · #2A2756

Slate and Mauve set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lilac Frost (#D2D2FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A8A8EC): A luminous, balanced violet — the color of a velvet chair.
• Slate (#7277BB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2A2756): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged monochrome, 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

• Timeworn Iris color palette (#F3F4FF, #C0C4FF, #858ACF, #5A5693, #2B2852)
• Dusty Cobalt Lantern color palette (#D8FFF3, #B7DDFF, #7FB3EE, #4D7EB9, #002D50)
• Muted Parlor color palette (#EDF1FF, #B1BAFA, #6B6DC6, #373579, #130F32)
• Powdered Mallow color palette (#FFF1F2, #F9C7F7, #D596D0, #A06BA0, #461F3D)
• Antique Lilac Field color palette (#FEF1F6, #DECAFF, #DCA060, #AE91DA, #2D2114)
• Softworn Ash color palette (#FFF0FE, #E9D6D4, #A4B6CB, #9094BF, #57414E)
• Iris Meadow color palette (#FDF2F7, #B6E2C0, #968BC4, #795768, #291E23)
• Washed Wisteria color palette (#F0E6FF, #DCB3FF, #B56FFF, #8240CE, #2A0044)

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