Cobalt Ridge color palette — #F4EAE2 · #84B9DA · #4674BC · #00585D · #1A1844

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EAE2): bright and airy, almost weightless.
• Sky (#84B9DA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4674BC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00585D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#1A1844): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Petrol Station color palette (#F9EBE4, #6BC2C1, #00829A, #005D38, #002236)
• Sapphire Market color palette (#FFF1F6, #9FD3F4, #0D73F2, #005154, #09032D)
• Azure Dune color palette (#E3E8D9, #8EC8ED, #0798F0, #007897, #001F42)
• Aged Dune color palette (#DAE9E8, #80A3BF, #005B92, #003C4C, #001F41)
• Airy Cerulean color palette (#FFF2EC, #69DEF1, #0099CC, #00755E, #003363)
• Washed Periwinkle color palette (#FFF3E7, #B9E0FF, #7299EB, #00818C, #3C3670)
• Turquoise Workshop color palette (#FDF3EE, #B9E0C0, #4BA1C2, #297C62, #0F443A)
• Soft Plum Coast color palette (#F7DFE4, #C92C6B, #007B67, #00656A, #28000F)

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