Cobalt Ridge color palette — #E6EEFC · #737FB4 · #3C384B · #171E2D · #080D11

Built around Slate Blue, softened by Charcoal — the whole palette hums with creativity and sophistication.

The five colors

• Frost (#E6EEFC): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#737FB4): A luminous, balanced violet — the color of wild irises.
• Charcoal (#3C384B): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#171E2D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#080D11): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Softworn Iris color palette (#F9EEF6, #8396E3, #6D4E55, #40333D, #1D2321)
• Washed Parlor color palette (#E7E0F1, #A4558C, #3D293A, #191222, #05060C)
• Amethyst Study color palette (#EAEEFF, #764EC3, #3E1C31, #14062A, #00030B)
• Worn Olive color palette (#F2EFFF, #B68BB9, #7C9862, #658348, #282438)
• Timeworn Archive color palette (#E9F3FF, #AAB0E0, #8973B1, #77437E, #3C2C47)
• Velvet Loft color palette (#E8E9FC, #6E2F9F, #453634, #2F0B1C, #0A0016)
• Softworn Cypress Grove color palette (#F7EFF2, #D8DBEE, #8B9CC0, #097A7F, #33334C)
• Pewter Ridge color palette (#F7EFF3, #B3CAB8, #648D7F, #5F5D7D, #223727)

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