Ultramarine Boulevard color palette — #F7D9F1 · #5576DD · #8F6A00 · #2220E9 · #0A0500

Cobalt and Sapphire set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#F7D9F1): A whisper-light, dusty pink — the color of a candy shop window.
• Sapphire (#5576DD): A full-bodied, vivid violet — the color of wild irises.
• Ochre (#8F6A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#2220E9): A full-bodied, vivid violet — the color of wild irises.
• Ink (#0A0500): 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 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

• Frosted Balcony color palette (#F8E0ED, #7868DE, #777500, #5700D8, #060600)
• Gentle Nightshade color palette (#F4E5F1, #4361C0, #6E5400, #1400AB, #090500)
• Cobalt Corridor color palette (#C1EADF, #2F81CD, #A15E00, #005696, #0C0400)
• Sapphire Hollow color palette (#D2E5FD, #0066D3, #605500, #00295C, #010100)
• Gentle Indigo Terrace color palette (#FFE8F8, #545ED6, #B52D00, #006A3B, #01000F)
• Aubergine Veranda color palette (#FDE6EC, #B66ED1, #488402, #660083, #020800)
• Powdered Byzantium Parlor color palette (#E2F1E8, #C95800, #8800DF, #210839, #060002)
• Shadow Ultramarine Lantern color palette (#DDE7F8, #1F13D9, #4C3800, #080066, #020100)

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