Ultramarine Grove color palette — #D0E6D3 · #7CB100 · #008C8C · #2533E4 · #000102

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

The five colors

• Celadon Mist (#D0E6D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#7CB100): A luminous, vivid green — the color of a quiet forest floor.
• Cerulean (#008C8C): A full-bodied, balanced teal — the color of shallow lagoons.
• Cobalt (#2533E4): A full-bodied, vivid violet — the color of wild irises.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Feathered Workshop color palette (#CEE8D4, #2BC676, #008C97, #5A07ED, #000103)
• Airy Courtyard color palette (#C4EAF7, #458F00, #007179, #3720A0, #000609)
• Emerald Station color palette (#DAE4BF, #B59A00, #00A05C, #005B86, #000201)
• Cobalt Delta color palette (#D6EDF6, #00C097, #00A0AD, #007DC9, #00070A)
• Byzantium Cabin color palette (#BFEBDC, #00BE9C, #0088C7, #9000B4, #00000B)
• Aged Denim color palette (#F4E8DE, #7EA8C4, #304DA0, #002B2A, #020007)
• Dusty Courtyard color palette (#F2EFCB, #707F3A, #005D6E, #382200, #010100)
• Softworn Balcony color palette (#CDF1E7, #006DBC, #833F00, #002C51, #030100)

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