Cobalt Ridge color palette — #FAF4EC · #9BD4FA · #0C7ADD · #004F5C · #03072C

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sky (#9BD4FA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0C7ADD): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#004F5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#03072C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Cerulean Bloom color palette (#FCF4E7, #9AD8E3, #0087AB, #00524B, #000E1A)
• Denim Hollow color palette (#F2E1E7, #72A3C1, #1354AB, #00393C, #08002E)
• Muted Coast color palette (#F7E8DC, #7DCAF9, #648DEF, #007D78, #231245)
• Softworn Alley color palette (#FBF4EA, #ACF5F4, #00A4B8, #006C54, #00222E)
• Softworn Pier color palette (#FBF4E9, #DAD5E0, #7CAFFF, #00849F, #2A3158)
• Faded Bloom color palette (#ECD7FF, #9E4BD5, #955C00, #00625D, #030007)
• Faded Terrace color palette (#FFF1F5, #FDD1D9, #FB879E, #5C57B1, #260810)
• Hushed Grape Corridor color palette (#EAF0FF, #8D8BFF, #7300DF, #4E0072, #1B0022)

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