Cobalt Ridge color palette — #FFF0F7 · #95D9F8 · #3B83C7 · #006764 · #2D3A75

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Powder Blue (#95D9F8): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#3B83C7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2D3A75): A deep, shadowed, balanced violet — the color of wild irises.

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

• Worn Cypress Grove color palette (#FAF3F8, #C5E2EF, #5A92B1, #187160, #334964)
• Dusty Lagoon color palette (#FFF1F7, #79C2E9, #006BD3, #005557, #262573)
• Cobalt Bloom color palette (#F1F3E8, #ACDCC6, #008CC8, #006071, #002743)
• Softworn Onyx color palette (#F1E3EB, #569AB2, #004D7D, #00302D, #030941)
• Faded Powder color palette (#FCF3ED, #C2ECFF, #79BCFF, #00A6A2, #303C6C)
• Wandering Grove color palette (#F8EAF4, #408E90, #004453, #002414, #000A15)
• Weathered Periwinkle color palette (#DEFCFF, #C4DEF3, #75B5FF, #547E34, #005153)
• Airy Lantern color palette (#E2F0CE, #50C156, #008565, #005A50, #133D57)

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