Ultramarine Garden color palette — #D6E4FC · #3F56D5 · #692000 · #00191C · #00000B

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

The five colors

• Frost (#D6E4FC): A whisper-light, dusty violet — the color of wild irises.
• Cobalt (#3F56D5): A full-bodied, vivid violet — the color of a velvet chair.
• Rust (#692000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#00191C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged dark.

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

• Velvet Grape Garden color palette (#E7EBFF, #7348C1, #513600, #001727, #020007)
• Ultramarine Harbor color palette (#E1EEFF, #1E60CB, #6F0042, #001B0F, #000106)
• Weathered Petrol color palette (#F5EAF5, #86C3CA, #00709C, #004026, #000112)
• Velvet Mulberry Orchard color palette (#F2EBFE, #7F0069, #412000, #011601, #000102)
• Nocturne Plum color palette (#E8DFF6, #AD178F, #374100, #131800, #000102)
• Lilac Harbor color palette (#E6EDFF, #9D88C4, #8E4E66, #00343D, #03002A)
• Pale Courtyard color palette (#F9F2FF, #E282B3, #807A00, #3F30A6, #360222)
• Iris Delta color palette (#F1F5FF, #838BFF, #A15200, #004758, #0D0042)

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