Ultramarine Boulevard color palette — #DAE7FF · #6996EA · #004ACA · #00216D · #001243

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

The five colors

• Frost (#DAE7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#6996EA): A luminous, balanced violet — the color of a velvet chair.
• Cobalt (#004ACA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#00216D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#001243): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Muted Ultramarine Ridge color palette (#EEF4FF, #8A9AE4, #4551BD, #252B77, #141844)
• Muted Iris Dune color palette (#DAE7FF, #99C2FF, #6891F2, #2A65BB, #08014C)
• Frosted Azure color palette (#D4EBFF, #2D92E0, #00598E, #002A4B, #001527)
• Washed Grape color palette (#E8E2FF, #9B84E1, #6319C1, #360070, #1C0041)
• Wandering Lilac color palette (#E0EDFF, #BFC5F6, #A282ED, #1E5B9E, #222E46)
• Aubergine Summit color palette (#E9E9FF, #7A65DB, #4A00B1, #1A004C, #070023)
• Violet Boulevard color palette (#F2F4FF, #C1ACF0, #7F5DBE, #4F3776, #35274F)
• Pale Peony color palette (#DBF2FB, #FF60B7, #9F70FF, #2A1937, #0F101B)

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