Olive Veranda color palette — #F6F6E8 · #DEE0CC · #B9C39C · #568800 · #33332C

A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B9C39C): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#568800): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#33332C): quiet, heavy and certain.

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

• Worn Lantern color palette (#FCF4E8, #E5DDCE, #CABD97, #996F00, #36322C)
• Dusty Study color palette (#F0F8EB, #D4E3D1, #ADC5B0, #008B77, #2B3725)
• Antique Olive Ridge color palette (#F0ECD6, #97B872, #338E00, #566200, #213500)
• Softworn Pine color palette (#DCE5C9, #008E54, #004332, #002210, #070800)
• Dusty Moss color palette (#E8FAF4, #BDE2F0, #A7C5DB, #8BA44C, #1A3A31)
• Faded Courtyard color palette (#ECE7BA, #30B45C, #008267, #005280, #00321C)
• Aged Nightshade Quarry color palette (#E3ECD3, #00A66E, #007689, #190CD1, #1F2900)
• Aged Alley color palette (#E5EDE5, #BCC8BF, #91AC9C, #006F70, #112413)

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