Cobalt Ridge color palette — #CCEBEC · #2BB2D1 · #2C71BD · #3B3E8F · #43325F

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CCEBEC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#2BB2D1): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2C71BD): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#3B3E8F): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#43325F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Ultramarine Thicket color palette (#DCF0F7, #5BB0E3, #388BDF, #2653BD, #2E3666)
• Timeworn Cobalt color palette (#BDF2FF, #73B4EB, #626EB9, #624B8D, #5A3E5F)
• Gentle Navy Atelier color palette (#DFEFF5, #4EA6D5, #106BBC, #003797, #161546)
• Tempered Teal color palette (#CEEFE2, #00AA9F, #007088, #004C77, #3A295B)
• Amethyst Quarry color palette (#E3F1FF, #7695E1, #7D51B1, #6A3174, #592E47)
• Tempered Denim color palette (#E5EFFF, #688DD1, #A76900, #2651A6, #4D2D00)
• Airy Summit color palette (#D3F7FF, #0082B9, #003DC2, #2A0284, #2F0346)
• Timeworn Cobalt color palette (#D3E7FF, #417BC4, #846900, #4B5D17, #162C46)

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