Cobalt Ridge color palette — #FEF0FC · #EED6E4 · #DDAFC0 · #4F74C5 · #402B3D

Sapphire and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#FEF0FC): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#EED6E4): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DDAFC0): A luminous, dusty rose — the color of a warm blush.
• Sapphire (#4F74C5): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#402B3D): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Pewter Bloom color palette (#F5EBEE, #E2D3D5, #CAB0AF, #81629C, #3C262E)
• Worn Cobalt Station color palette (#E9FAF4, #E8D9E5, #D2B4C4, #007CC8, #113B32)
• Timeworn Study color palette (#F9F3F9, #DFCDD5, #C6999E, #0055B7, #402A40)
• Driftwood Archive color palette (#FCF3F3, #E1D9D2, #C8BEB3, #B27B9E, #534344)
• Plum Alley color palette (#FDDDF2, #7479FF, #BC165E, #5A4400, #002C21)
• Wandering Navy Veranda color palette (#F9EBF2, #B19FA5, #9C7C82, #423880, #12050C)
• Pale Amethyst color palette (#EEEBFF, #8245F9, #4C2459, #2B0F1F, #11020E)
• Frosted Peony color palette (#E1E3F5, #B99FD4, #BF6A99, #6B5B0D, #284215)

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