Ultramarine Lagoon color palette — #F3EDD2 · #7E6A00 · #3F47C3 · #271F9A · #0E0A00

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

The five colors

• Cream (#F3EDD2): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#7E6A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Cobalt (#3F47C3): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#271F9A): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#0E0A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.

Use it as a design system

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

• Lapis Basin color palette (#F6DCC7, #A25300, #502FDA, #331F92, #160600)
• Muted Nightshade Summit color palette (#EEE0B6, #7B7500, #2131BF, #540033, #220012)
• Grape Station color palette (#F3F2D1, #736F00, #750ACD, #4A1880, #0C0B00)
• Dusty Atelier color palette (#FDE1CB, #B7621F, #004B90, #003B73, #160600)
• Frosted Aubergine color palette (#F7F4D3, #7B9A23, #793A97, #612F79, #181400)
• Washed Grape Veranda color palette (#C2F1E1, #7B9404, #0083AA, #6B22BA, #1B2300)
• Olive Archive color palette (#E5E7C3, #47881F, #681E74, #5B0336, #080800)
• Aubergine Veranda color palette (#FFF6D2, #BCA026, #0074B9, #6C2CA4, #110C00)

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