Cobalt Ridge color palette — #E6EDF8 · #B3ACBE · #A290AA · #586DB0 · #0B1423

Slate and Heather set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E6EDF8): a clean, paper-quiet neutral.
• Ash (#B3ACBE): A luminous, dusty violet — the color of a velvet chair.
• Heather (#A290AA): A luminous, dusty pink — the color of peonies in June.
• Slate (#586DB0): A full-bodied, balanced violet — the color of wild irises.
• Ink (#0B1423): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt Ridge 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

• Byzantium Balcony color palette (#E2E1F0, #C3A8BD, #B38BA0, #9352A9, #14121E)
• Ancient Denim Study color palette (#D8DFE9, #AFB3CB, #9A8FAC, #2B518F, #0C141F)
• Nightshade Workshop color palette (#EDE6EB, #A99BA3, #917180, #1F02A0, #0D000A)
• Softworn Lilac Field color palette (#E7E7FC, #A481B9, #98647C, #635B2A, #0A2100)
• Patina Thicket color palette (#EFEDF7, #E2CCDB, #CCB0BC, #B479B9, #2E2C39)
• Magenta Lagoon color palette (#DFDEF1, #83B5FF, #A68EFF, #C646C3, #110020)
• Hushed Taupe color palette (#F8F3FA, #E6D7DC, #C1AEA8, #B88D8F, #4B454E)
• Pale Pine color palette (#CDE6DB, #76A93E, #008738, #36587C, #081300)

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