Vivid Ultramarine color palette — #D7E9FF · #2076FE · #222AD9 · #20018B · #150247

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

The five colors

• Frost (#D7E9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sapphire (#2076FE): A full-bodied, vivid blue — the color of deep harbor water.
• Cobalt (#222AD9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#20018B): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#150247): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Powdered Drift color palette (#D8E1FB, #6962FF, #531AD1, #37007A, #1E003D)
• Pale Lagoon color palette (#D9EBFB, #0065D6, #2703BD, #1B0062, #150036)
• Sunlit Ultramarine Coast color palette (#DBEEF3, #0090D8, #2A2DE7, #300073, #080010)
• Pale Indigo color palette (#D3DFFB, #889BFF, #6D61FF, #5B34C0, #372164)
• Timeworn Balcony color palette (#C5E4F8, #0085C8, #005495, #00346D, #01063C)
• Tempered Indigo Garden color palette (#E2E5F7, #6056FF, #BE003D, #3727A8, #260006)
• Soft Canyon color palette (#DFDFF0, #822EF8, #5F00A2, #3C005C, #12001A)
• Wisteria Basin color palette (#DEDBF5, #C89CFD, #BA69CA, #4B4C9D, #1B0E32)

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