Cobalt Ridge color palette — #F5E4EB · #6EBEEA · #336BB5 · #004B4D · #100E38

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Rose Water (#F5E4EB): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#6EBEEA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#336BB5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#100E38): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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 Petrol Summit color palette (#F9ECE1, #83B9D9, #4265AC, #00504B, #2F264F)
• Softworn Petrol color palette (#F0E5ED, #67C5C4, #00788D, #004E2E, #001827)
• Powdered Cerulean color palette (#FCECF8, #73E3EF, #0090B8, #00654B, #002645)
• Muted Ash Terrace color palette (#F8EFF2, #D9D0E3, #869EC0, #457283, #2F354A)
• Muted Atelier color palette (#F1DEEA, #1D98B7, #004E78, #002C27, #00011B)
• Wandering Bronze Grove color palette (#FAD6E5, #BA6700, #0072A8, #693800, #001422)
• Navy Corridor color palette (#FEE5EF, #9D5600, #00668E, #1E4698, #1A020D)
• Weathered Honey color palette (#FFE6EF, #DBC677, #7EAB6D, #824545, #09240E)

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