Cobalt Ridge color palette — #F0F4E5 · #A1D9F3 · #008DC7 · #006070 · #002742

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0F4E5): A whisper-light, dusty green — the color of fresh herbs.
• Powder Blue (#A1D9F3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008DC7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006070): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002742): 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

• Timeworn Cobalt Orchard color palette (#F0F3EB, #D8BCDC, #517CBE, #00557B, #121E3F)
• Cobalt Villa color palette (#F0F4E3, #65C8FA, #0079B6, #004F61, #001B35)
• Softworn Cerulean Corridor color palette (#F1F3EB, #C6E5CF, #1D9CBC, #006C6F, #123326)
• Antique Lantern color palette (#EAEDDF, #2D97B6, #00516C, #002B30, #00050B)
• Soft Harbor color palette (#E6FAF8, #ABE5FF, #23A7E6, #007F94, #0F4368)
• Tempered Mulberry color palette (#FFEDED, #E063B8, #0088DB, #9E007B, #00223D)
• Soft Apricot color palette (#FFEDEA, #F6D0BA, #FF9B7A, #A35177, #491E24)
• Frosted Bronze Lantern color palette (#FCE4D0, #CC9351, #9D5600, #6D2F00, #291800)

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