Olive Veranda color palette — #F6F6E8 · #9CBC82 · #B682C4 · #5A8036 · #64424A

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#9CBC82): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#B682C4): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#5A8036): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#64424A): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Worn Wisteria color palette (#F0F8EE, #67C3B4, #C17EBA, #008577, #654247)
• Softworn Loft color palette (#E1F8F3, #98C182, #B08DBF, #5A7D46, #302D46)
• Wandering Bronze color palette (#FAF5E9, #BBB273, #6C9CD3, #817313, #5B435E)
• Ancient Atelier color palette (#F6F7E7, #AAD294, #C9A0D1, #779766, #60444A)
• Dusty Peony Station color palette (#F7F7E0, #7FA65E, #B16FA6, #A0576A, #43433C)
• Rose Dune color palette (#ECF9F0, #4FAFC0, #CA6578, #007282, #60333A)
• Antique Chestnut color palette (#FFF3E8, #C7B697, #9C785A, #894A2E, #534800)
• Weathered Oat color palette (#E5FBF5, #C0E1AA, #DCB8E4, #94B47F, #4E476B)

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