Cobalt Ridge color palette — #FCF3EB · #A2CBE8 · #4C76C3 · #005F65 · #36355C

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

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Sky (#A2CBE8): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4C76C3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#36355C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Drift color palette (#FEF3ED, #A9D0B6, #0082B5, #006152, #49304A)
• Cobalt Archive color palette (#E7F5F4, #A5CDEC, #527FAE, #005772, #0C203E)
• Muted Cabin color palette (#F3F7EA, #AEDAFD, #5B9AD9, #217695, #493149)
• Petrol Hollow color palette (#F6ECE8, #7ABEC9, #007298, #005141, #0F2F51)
• Faded Bloom color palette (#F3F0D7, #81993C, #9658BC, #4C5F00, #422952)
• Powdered Nightshade Garden color palette (#EBDFD1, #4D85B6, #17239F, #002127, #0B0027)
• Aged Aqua color palette (#FBF6D9, #B7F5D4, #67C8D7, #7E6527, #3D3E37)
• Patina Amethyst color palette (#EDE5C3, #7A8100, #6C4DD8, #8A3B61, #322B0F)

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