Olive Grove color palette — #D7E6CB · #568E00 · #007457 · #003F5A · #000606

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

The five colors

• Celadon Mist (#D7E6CB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#568E00): A full-bodied, vivid green — the color of a quiet forest floor.
• Pine (#007457): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003F5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000606): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Olive 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

• Patina Pine color palette (#EBEFDA, #967500, #00772F, #00494F, #000502)
• Navy Workshop color palette (#DBEEE1, #009153, #00757F, #002F90, #00060A)
• Charred Boulevard color palette (#E7E5CB, #00703D, #00332C, #111A00, #000802)
• Hushed Cypress color palette (#D7E8D8, #037A77, #003B61, #3A0C00, #150900)
• Tempered Terrace color palette (#D1EEF1, #959400, #008B5F, #005A99, #000304)
• Wandering Cerulean color palette (#FDE7DC, #0090A5, #00425D, #00231C, #00081C)
• Misty Nightshade Chapel color palette (#C9E8D4, #00BB96, #008BA2, #5448AF, #001929)
• Twilit Spruce Station color palette (#D0E5E0, #4F5159, #00362F, #0C1E1E, #000507)

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