Olive Veranda color palette — #FDF0FC · #E98282 · #878600 · #006B6E · #353357

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

The five colors

• Blush (#FDF0FC): A whisper-light, dusty pink — the color of peonies in June.
• Watermelon (#E98282): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#878600): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#006B6E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#353357): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Ancient Bronze color palette (#F8F2FE, #D788AF, #AA7400, #006F4D, #1A3A59)
• Powdered Emerald color palette (#FFF0F7, #DF8E59, #43954D, #0E6492, #4E2848)
• Soft Driftwood Atelier color palette (#FFF2EC, #F3A393, #A7843D, #456731, #441A31)
• Frosted Mallow color palette (#FFF2EF, #FC9EB6, #7FAF6A, #4484AE, #0F3C57)
• Quiet Ember color palette (#FDDDF0, #E55900, #4A7800, #005062, #350154)
• Tempered Pier color palette (#FFF0FC, #D6BBC8, #AD9E73, #4B7A89, #385063)
• Washed Nightshade Coast color palette (#D7E6DA, #A78000, #007369, #382B97, #42000E)
• Ultramarine Atelier color palette (#EBFAEB, #CE8D00, #008C6F, #2645BD, #580F2C)

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