Olive Studio color palette — #D9F2E3 · #7C7B0A · #4F4600 · #322600 · #151900

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

The five colors

• Honeydew (#D9F2E3): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7C7B0A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4F4600): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#151900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Bronze Summit color palette (#FBE0E9, #946E33, #633B00, #3F1E00, #001C08)
• Worn Driftwood color palette (#D3E5DA, #8F8B39, #635500, #453400, #062B20)
• Cellar Chestnut Terrace color palette (#D4E8D4, #725400, #3D2600, #1C0D00, #050300)
• Softworn Grove color palette (#DBF7E1, #AF9C55, #846400, #634200, #1A3D2D)
• Twilit Cocoa color palette (#D4E3D8, #5C4900, #003829, #001C21, #000615)
• Powdered Amber color palette (#F3D4E2, #C47A2B, #8C4500, #662500, #3B2300)
• Muted Bronze Terrace color palette (#F0E5F3, #BA5E00, #4D0020, #331D0F, #1A0007)
• Terracotta Lagoon color palette (#EFE2ED, #9C0115, #4A4500, #0D3200, #1A0318)

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