Cobalt Ridge color palette — #F7E5F5 · #4D74B8 · #3F2A33 · #1D111D · #020805

Built around Slate, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Blush (#F7E5F5): A whisper-light, dusty pink — the color of a candy shop window.
• Slate (#4D74B8): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3F2A33): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#1D111D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#020805): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Violet Workshop color palette (#EDDBE0, #8E58B6, #412A2A, #201016, #0B0408)
• Aged Petrol Workshop color palette (#DDF3E4, #008397, #1D3731, #0A1A10, #040704)
• Hushed Iris Courtyard color palette (#DCE5F3, #688FD2, #484B63, #1F2F43, #11191F)
• Washed Lilac Ridge color palette (#FFECF3, #9B7CC6, #7B873B, #5A7537, #301320)
• Indigo Archive color palette (#F9D8FB, #91A5EC, #8270BE, #63447C, #391A37)
• Patina Cerulean color palette (#F7F0EB, #BFE7D6, #6990C0, #0E6C6C, #3D2135)
• Charred Terrace color palette (#FFE5F4, #5805EC, #2D1034, #2A1A0E, #14010D)
• Lagoon Grove color palette (#F3F3E5, #ACB994, #40827B, #395E4F, #242A16)

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