Olive Veranda color palette — #DDF4DE · #6E6A28 · #4C3300 · #340E00 · #040F00

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

The five colors

• Honeydew (#DDF4DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#6E6A28): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4C3300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#340E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#040F00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Cocoa Grove color palette (#D7E6DA, #757B44, #594100, #421B00, #021D01)
• Hushed Cocoa color palette (#FDE2F1, #885E1E, #5F2300, #3B0011, #0E0B00)
• Nightshade Summit color palette (#DDF2E8, #6C6E00, #19009B, #282900, #000010)
• Moss Lantern color palette (#ECDECB, #9D9315, #936300, #7E3210, #050F00)
• Charred Bronze Bloom color palette (#CEE8E1, #9F570A, #122200, #141B25, #020600)
• Airy Moss color palette (#C9E7D1, #88972F, #715700, #5E2C00, #04330C)
• Garnet Garden color palette (#FFE6EF, #9B8647, #7D4600, #6A0908, #212800)
• Softworn Atelier color palette (#E9E9CF, #0F841B, #004B40, #001F27, #000B21)

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