Cobalt Ridge color palette — #F7F1E7 · #A2D9ED · #008DC8 · #006263 · #012549

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

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Powder Blue (#A2D9ED): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008DC8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006263): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#012549): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Patina Dune color palette (#F9F1E3, #70C8EE, #0078B8, #005156, #00173F)
• Cobalt Studio color palette (#F6F1E9, #ADD0C5, #527CBD, #00596C, #31152A)
• Cobalt Boulevard color palette (#FFF0F9, #9AD9F1, #4182C8, #006857, #373772)
• Patina Cypress Courtyard color palette (#F6F1EA, #C8E5CE, #5B97AB, #006E61, #0D3428)
• Cerulean Orchard color palette (#F4ECDF, #4297AC, #00506E, #002C2B, #00050D)
• Aged Delta color palette (#F0F8F1, #ADE5F9, #00A7EC, #008284, #054076)
• Patina Grove color palette (#F6F1EA, #C4E6E8, #AD91AF, #377583, #442D40)
• Tempered Violet Balcony color palette (#E5E0FF, #8969E0, #B35800, #00725C, #1B0D37)

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