Cobalt Ridge color palette — #FAEEF2 · #AACBED · #5E77C4 · #005966 · #211A3C

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Blush (#FAEEF2): bright and airy, almost weightless.
• Sky (#AACBED): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5E77C4): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005966): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#211A3C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Wandering Cobalt color palette (#FFECF4, #79C6EC, #0071D0, #005151, #0F0F47)
• Cerulean Workshop color palette (#F8EFF5, #A4D0DE, #0089A8, #005E40, #082237)
• Worn Iris color palette (#FCF4EA, #B0D9FF, #7691E0, #007A89, #3A3558)
• Wandering Balcony color palette (#FCEAF5, #4696AE, #004E79, #002C28, #00011D)
• Crimson Canyon color palette (#D0F0F7, #00A6A1, #CC4659, #00625F, #350B11)
• Hushed Atelier color palette (#E1F6FF, #20C2CD, #00727C, #003C40, #001011)
• Tempered Ridge color palette (#DAF3DC, #3BB382, #00796D, #00484D, #002835)
• Weathered Ridge color palette (#DFF7FC, #AEE8FE, #A9B6F9, #437652, #002532)

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