Ultramarine Garden color palette — #E5EFFE · #4C77E0 · #866F00 · #0C07F8 · #080600

Built around Cobalt, softened by Sapphire — the whole palette hums with nature and growth.

The five colors

• Frost (#E5EFFE): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#4C77E0): A full-bodied, vivid violet — the color of a velvet chair.
• Walnut (#866F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#0C07F8): A full-bodied, vivid violet — the color of wild irises.
• Ink (#080600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged 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

• Pale Grape color palette (#D8DFF8, #7B6BD4, #7E7300, #5900D6, #070600)
• Soft Loft color palette (#E6ECFA, #565ED4, #7D6200, #3A5A1D, #01000F)
• Sunlit Cornflower color palette (#D3E5FD, #5090EE, #B05402, #003D8D, #0E0300)
• Patina Nightshade color palette (#F3E3F1, #4163B9, #00684E, #0800AD, #000804)
• Grape Boulevard color palette (#E1F1E3, #B46B00, #7126EA, #150336, #01010C)
• Aged Harbor color palette (#D0E5F4, #008AB5, #9A6300, #005D7B, #0B0400)
• Washed Lapis Quarry color palette (#E6EDFE, #5C52D7, #A0002E, #26007C, #040000)
• Ultramarine Parlor color palette (#F5DFF0, #1F1FD2, #4B3800, #090066, #020100)

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