Olive Veranda color palette — #FFF1F6 · #B1A45B · #437A00 · #4A497F · #433B09

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#B1A45B): A luminous, balanced green — the color of fresh herbs.
• Olive (#437A00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#4A497F): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#433B09): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Ancient Pier color palette (#EDF9EE, #94A365, #00773E, #474769, #183D32)
• Soft Mustard Thicket color palette (#FCF0DF, #BAA930, #647400, #544171, #2A1F00)
• Worn Mustard color palette (#E5FCE8, #CCBD57, #7F9038, #6F6188, #1A4430)
• Patina Lagoon color palette (#EBF9F1, #84BCB4, #008770, #5C5570, #2C4945)
• Olive Atelier color palette (#D6EDDD, #68844A, #005239, #3F1F48, #00211B)
• Pale Studio color palette (#FDF1FC, #99DCDE, #008CB4, #006B31, #244165)
• Worn Lagoon color palette (#DAF1EA, #00AC7C, #00676B, #6E214C, #003726)
• Patina Study color palette (#FFF3E5, #DBD185, #91B266, #7E83BA, #413B11)

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