Ultramarine Ridge color palette — #D8DFEF · #1B45E4 · #624600 · #05008E · #170E00

Cobalt takes the lead with Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Silver (#D8DFEF): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#1B45E4): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#624600): A full-bodied, balanced gold — the color of old brass.
• Indigo (#05008E): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#170E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Misty Denim color palette (#F9E9FA, #0060AC, #713C00, #002D56, #1C0A00)
• Antique Ultramarine Loft color palette (#E2EDFF, #0052C2, #00573D, #002560, #000402)
• Patina Nightshade Harbor color palette (#D6E4FD, #0041AE, #484100, #1D320D, #00051E)
• Soft Grape color palette (#FFE8F3, #5B1ABF, #354500, #26005A, #040700)
• Hazy Nightshade color palette (#E2E9F6, #4070DC, #007956, #0021C2, #00140B)
• Grape Quarry color palette (#E4D9EF, #8500C7, #544D00, #410064, #121000)
• Hushed Courtyard color palette (#FAD8F6, #3F7AFF, #777400, #002AD6, #313000)
• Wandering Harbor color palette (#D8E3F2, #448BF1, #937F00, #005CC7, #130F00)

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