Cobalt Ridge color palette — #E8F9F9 · #A4D4FF · #3680D6 · #006184 · #2C3F64

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

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Powder Blue (#A4D4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3680D6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006184): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2C3F64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Cornflower Hollow color palette (#FFECF2, #A5D6FF, #557BE4, #00606B, #241D47)
• Worn Loft color palette (#EEF7F6, #A6CCDB, #00869F, #00605F, #054153)
• Sunlit Loft color palette (#FEF3E8, #BCE0FF, #7597F0, #00808F, #3F3962)
• Denim Balcony color palette (#D7E6E5, #5C96C0, #004B83, #002D3D, #001232)
• Hushed Turquoise Canyon color palette (#EFF7F6, #D0DFF2, #5DA6B4, #3B7B76, #415661)
• Soft Moss color palette (#DEFDF7, #5AAB28, #008ABB, #306D00, #00405A)
• Muted Powder Villa color palette (#FFF1F5, #CDE8FF, #9EB1FF, #00A5A8, #483465)
• Powdered Boulevard color palette (#CAF9D6, #00994F, #007F99, #795B00, #083B1D)

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