Ultramarine Ridge color palette — #CBECFF · #0F87F3 · #3B49C7 · #462A84 · #3A1F48

A conversation between Cobalt and Azure, giving this palette its sense of trust and stability.

The five colors

• Frost (#CBECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0F87F3): A luminous, vivid blue — the color of open sky before noon.
• Cobalt (#3B49C7): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#462A84): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#3A1F48): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Ultramarine 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

• Iris Basin color palette (#E1F1FF, #6689FC, #5857BB, #543473, #492A4B)
• Pale Ultramarine color palette (#D8F3FF, #2A87E1, #3D47B7, #3D0473, #2A0033)
• Feathered Cobalt color palette (#DFF2F8, #008CCB, #005EA5, #2D3485, #35255A)
• Wandering Lapis color palette (#DCECFA, #7DACFF, #647CFA, #644EE7, #321B55)
• Dusty Grape Atelier color palette (#D3DFF9, #8375FF, #7E2DB5, #5E1965, #451736)
• Indigo Bloom color palette (#D8E9FF, #625DFF, #5700AD, #440059, #32002F)
• Dusty Indigo Delta color palette (#D4DEF5, #6D65F6, #7D6900, #3E2EA7, #312800)
• Gentle Thicket color palette (#E0DDFF, #9C7BF6, #5F2EA8, #330762, #190240)

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