Olive Veranda color palette — #FFF0F9 · #A5ABF6 · #D08973 · #667D1F · #311D2B

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#A5ABF6): A luminous, balanced violet — the color of twilight just after sunset.
• Camel (#D08973): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#667D1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#311D2B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Bronze Villa color palette (#E7FAF4, #7AB9EF, #CE8698, #8D6E00, #0B2B24)
• Mallow Ridge color palette (#FFF1F1, #E794C2, #C29458, #5B7F36, #391A1B)
• Lagoon Villa color palette (#FFF0FA, #B6BEFB, #C9A96D, #39947F, #3E2A38)
• Muted Fern Villa color palette (#FFF1F5, #B793D0, #B65E47, #356B22, #210F1E)
• Ash Market color palette (#F8F6E2, #C2C6FF, #BA79A6, #0A7558, #452733)
• Worn Harbor color palette (#FEF0FA, #A8B7F4, #C2733F, #006A67, #00313B)
• Patina Fuchsia color palette (#FFF1F2, #EF6ED1, #AB9000, #007962, #2F0A27)
• Coral Thicket color palette (#FFF2EC, #E87968, #A08833, #007060, #260D03)

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