Ultramarine Garden color palette — #E4EBF7 · #687CF9 · #8F22BC · #3934D8 · #02000C

Cobalt and Plum set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#E4EBF7): bright and airy, almost weightless.
• Periwinkle (#687CF9): A luminous, vivid violet — the color of twilight just after sunset.
• Plum (#8F22BC): A full-bodied, vivid violet — the color of wild irises.
• Cobalt (#3934D8): A full-bodied, vivid violet — the color of wild irises.
• Black (#02000C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy. Tagged duotone, vibrant.

Use it as a design system

One click turns Ultramarine Garden 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 Grape color palette (#E8EBF8, #8C76E0, #9D2599, #602AC4, #03000A)
• Linen Grape color palette (#D6E2F1, #4C8BDE, #7444B8, #0055AC, #01000E)
• Linen Orchard color palette (#EBE8F9, #9961D5, #8938A4, #63006B, #0B0008)
• Patina Lapis color palette (#E7EBF4, #A69CAE, #918297, #5E54AC, #060813)
• Timeworn Violet color palette (#FFE4DD, #9854CA, #882F82, #652100, #08000D)
• Muted Station color palette (#E6E4F4, #BA5DCF, #B50064, #8900A1, #060002)
• Inked Study color palette (#EDE1E9, #4449AC, #430055, #160061, #040001)
• Gentle Magenta Boulevard color palette (#E7EAFC, #C2ADFF, #D461C8, #926DE3, #110523)

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