Cobalt Ridge color palette — #E8F1EA · #AEC7E0 · #5F86CA · #006880 · #232857

Slate Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Sky (#AEC7E0): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#5F86CA): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006880): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#232857): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Ancient Pier color palette (#EAFAED, #A5D1F2, #2B8AFD, #006F83, #1C247A)
• Cerulean Delta color palette (#E6F2E8, #92D1D7, #0695B3, #006D5E, #003248)
• Patina Iris Coast color palette (#FBF4EA, #D0E9FF, #6991D8, #00667E, #161841)
• Hushed Veranda color palette (#F6EBEF, #94B5D5, #4E5CBF, #004F51, #342548)
• Periwinkle Balcony color palette (#F9ECDF, #ADD9FF, #8E9FEC, #009094, #35244B)
• Hushed Azure Balcony color palette (#F0F7F1, #A6E7F6, #00AADE, #00837D, #00436C)
• Weathered Petrol Villa color palette (#E0EEE3, #6CABC9, #006BAA, #004950, #001135)
• Dusty Lagoon Orchard color palette (#F1F7F2, #D0E1F1, #77BFC9, #3C9A79, #35576A)

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