Ultramarine Garden color palette — #EFF6FF · #0059C4 · #524800 · #182800 · #000102

Cobalt takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cobalt (#0059C4): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Olive (#524800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#182800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

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

• Dusty Drift color palette (#ECF7FF, #0079B0, #5B3B00, #392500, #000202)
• Velvet Nightshade color palette (#DDE7FF, #4800D0, #2F3700, #001E0D, #000202)
• Linen Study color palette (#EEF2FF, #8249FF, #7B3700, #002E14, #000201)
• Wandering Garnet color palette (#EAF8FF, #007389, #7D003E, #2A2500, #000102)
• Chalky Byzantium Chapel color palette (#F3F4FF, #9700C9, #455300, #202800, #000103)
• Dusty Indigo Archive color palette (#DCF9C9, #7474FF, #8E0F79, #00351D, #060013)
• Velvet Aubergine color palette (#F4E1E7, #6D2595, #640034, #142200, #010008)
• Gentle Peony color palette (#F8F2FF, #EB08A7, #007262, #00484D, #000308)

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