Cobalt Ridge color palette — #F8F0E8 · #A6CCF0 · #5D77C5 · #005A66 · #211A3C

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Sky (#A6CCF0): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5D77C5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A66): 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

• Sapphire Basin color palette (#FFEEE2, #78C6EE, #0070D3, #005152, #100B4C)
• Ancient Cobalt Corridor color palette (#F9F0EB, #A9D3BB, #2183BE, #005C53, #2E172C)
• Wandering Denim color palette (#F2F7EA, #A1C9F2, #5679AC, #0A5A7D, #4C2F49)
• Iris Market color palette (#EFF8EE, #B3D9FD, #7A92D7, #007A8A, #323858)
• Quiet Violet Garden color palette (#F4DFE6, #8B66BD, #6B7600, #006B5A, #220A15)
• Washed Cerulean color palette (#E8DCD5, #3097B4, #004E79, #002C27, #00011C)
• Worn Boulevard color palette (#FFECF1, #FECCD1, #F39076, #696EAB, #32191F)
• Ancient Byzantium color palette (#DDE5F6, #9586E2, #873FC4, #611F6C, #381329)

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