Cobalt Ridge color palette — #D4F0F4 · #31BCE7 · #0092CE · #295DA1 · #373763

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

The five colors

• Frost (#D4F0F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#31BCE7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0092CE): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#295DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#373763): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Cobalt color palette (#D7E9F1, #429FCF, #0077B5, #004A7F, #32295E)
• Hushed Azure Alley color palette (#DCFDFF, #4BDBFC, #049DED, #225AAB, #25254F)
• Teal Atelier color palette (#CEEEE1, #25BDB6, #0092A3, #006985, #163D5F)
• Feathered Alley color palette (#C5ECFC, #55C6FF, #07AAF7, #227FC4, #204063)
• Misty Periwinkle color palette (#C0F1DA, #7AC6FB, #6B93D8, #6263A6, #4B3E62)
• Chalky Cobalt Lantern color palette (#F0F6FF, #99B5F6, #5682CD, #1E4F91, #0A214F)
• Cobalt Courtyard color palette (#DDF5ED, #6BAEE8, #C2883E, #0077BE, #4C2E00)
• Pale Indigo color palette (#E4F1FF, #83A4F8, #8170CE, #774898, #4D274C)

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