Olive Veranda color palette — #EFEFE8 · #D2DBCA · #9EC2A8 · #577F33 · #2F2F24

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

The five colors

• Cream (#EFEFE8): bright and airy, almost weightless.
• Bone (#D2DBCA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EC2A8): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#577F33): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#2F2F24): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Ancient Olive color palette (#EDF8F6, #CFE0EA, #B1C6DB, #4F873E, #0D2320)
• Timeworn Coast color palette (#EEEFE8, #CBD6CE, #A7C2B2, #6BA171, #2D301C)
• Worn Garden color palette (#E3E5DF, #BBC9BB, #84B09E, #007344, #1C220F)
• Weathered Chestnut color palette (#F4EDCC, #92B08B, #3F8E9B, #88512C, #532A00)
• Forest Bloom color palette (#E0E6DE, #A9B9AE, #7898C0, #006153, #0C1805)
• Frosted Grape Terrace color palette (#E6E2CA, #859915, #6D39B1, #7E0A21, #41030C)
• Washed Pine color palette (#EAF4DF, #008664, #003A45, #101A04, #050501)
• Airy Harbor color palette (#FCD3CB, #70A500, #007781, #7B1C4E, #012C18)

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