Ultramarine Lagoon color palette — #F0F5FF · #738FE1 · #898200 · #2B3DE1 · #403C00

Cobalt and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#738FE1): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#898200): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#2B3DE1): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#403C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Patina Grape Pier color palette (#F2F5FF, #A38EFF, #7C8700, #5800C3, #393F00)
• Softworn Workshop color palette (#EFF6FF, #71A2F8, #B46B00, #0040B8, #563000)
• Tempered Nightshade color palette (#D5DEF2, #6E73D0, #637300, #3C19BE, #262D00)
• Aged Lantern color palette (#ECF7FF, #009FDD, #A77300, #00648C, #4F3500)
• Faded Parlor color palette (#F5F4FF, #B78DC6, #649A5A, #8C3CA6, #2D4B27)
• Frosted Corridor color palette (#E6EAFF, #8B68D0, #A26000, #546A00, #352554)
• Iris Basin color palette (#FFF0FA, #B7C0FF, #F1B822, #777DF3, #4C3700)
• Quiet Aubergine Chapel color palette (#E5E5FB, #8653A6, #556000, #550078, #191D00)

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