Cobalt Ridge color palette — #FFF1F6 · #ADD3F5 · #5C7BCD · #006571 · #3F3471

Azure and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#ADD3F5): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5C7BCD): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#006571): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#3F3471): 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

• Cerulean Lantern color palette (#FBF2F9, #A6CCDB, #2783A7, #00624C, #1B3C5E)
• Feathered Cornflower color palette (#EFF4E6, #AED4F8, #3483DE, #005D7F, #0F234A)
• Frosted Periwinkle color palette (#EBF8F8, #BCDFFF, #509DF8, #007CA8, #243E6F)
• Mallow Drift color palette (#EEF6FF, #E8D4EB, #E399CD, #007D8F, #344063)
• Ultramarine Veranda color palette (#DCF3F5, #00AAD6, #0072AC, #002FD3, #29307D)
• Dusty Cypress color palette (#F9F3F7, #D3E1F3, #69A2B9, #238062, #405569)
• Antique Boulevard color palette (#F3E5EF, #59889C, #00425D, #00231C, #00081C)
• Muted Indigo Balcony color palette (#E1ECFF, #5A71EF, #C04300, #706000, #222C59)

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