Cobalt Ridge color palette — #FDF3EC · #AFCDC0 · #5B78AD · #006059 · #3B3459

Built around Slate, softened by Pine — the whole palette hums with sophistication.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Pistachio (#AFCDC0): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5B78AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#3B3459): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged coastal, cool, light, 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

• Patina Pier color palette (#FEF2F0, #B7CCB6, #2884A0, #00651E, #1D3C5D)
• Cobalt Field color palette (#EDF4EE, #A8CDE8, #3080C4, #005A64, #0F203A)
• Tempered Azure color palette (#FAF4EC, #B7DFCE, #4D9BE0, #007A87, #4A3048)
• Faded Basin color palette (#FFF2EB, #6CC6DF, #0072B9, #005843, #22207D)
• Antique Navy Alley color palette (#C5E7E0, #15A8B8, #007394, #004891, #383A6A)
• Patina Mallow color palette (#DDFEEF, #F3D2E7, #D796BF, #00817E, #4C364E)
• Onyx Grove color palette (#F6E2DB, #609AA4, #004F74, #00321F, #020842)
• Washed Powder color palette (#FCF2F6, #C1E6FF, #89B3F5, #4E9B90, #323954)

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