Olive Veranda color palette — #E7F6ED · #A2A46E · #5C6D12 · #4F4717 · #062218

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#A2A46E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5C6D12): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4F4717): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#062218): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Cypress Delta color palette (#E1F7F5, #6FB08C, #00775A, #494918, #002222)
• Taupe Drift color palette (#FFF3E4, #9FA052, #4A6E36, #4F4A44, #37352F)
• Softworn Veranda color palette (#CFE4DD, #719C56, #15661E, #03442D, #001713)
• Weathered Garden color palette (#EFF8F0, #D3D49C, #669B43, #4E6C52, #0B2F22)
• Patina Fern color palette (#D9E8E1, #708042, #2E4E00, #2C2C00, #060900)
• Soft Jade color palette (#D9EEEE, #21A97D, #AD6A00, #006548, #2B1700)
• Timeworn Sapphire Harbor color palette (#C7EAF3, #008E8E, #1764E3, #456700, #00171E)
• Ancient Workshop color palette (#EBF4F3, #9ECED0, #4C9280, #416A68, #223536)

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