Ultramarine Ridge color palette — #DFE9FE · #7A8BD7 · #917A00 · #373DC2 · #231C00

A conversation between Cobalt and Walnut, giving this palette its sense of nature and growth.

The five colors

• Frost (#DFE9FE): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender Blue (#7A8BD7): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#917A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#373DC2): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#231C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Tempered Terrace color palette (#E6E7FC, #9F82C0, #6F871F, #7216B2, #182000)
• Hazy Nightshade Drift color palette (#FFE7F3, #8E7FD2, #A36B00, #5B39B0, #4B2F00)
• Ancient Thicket color palette (#DEEBF7, #4C99CD, #B66400, #005B89, #2E1500)
• Sapphire Coast color palette (#FCE8F6, #8FA2F2, #B99A17, #4E5EC5, #413400)
• Worn Aubergine Alley color palette (#E5ECFF, #6358C3, #645900, #350094, #0A0800)
• Magenta Coast color palette (#DFDDED, #C763E8, #488100, #64007E, #0B1B00)
• Rust Atelier color palette (#E6EDFF, #6F73BB, #B8430E, #006D46, #09112E)
• Pewter Hollow color palette (#F3EFFE, #CCA4C9, #72AC7D, #965794, #063937)

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