Olive Veranda color palette — #F3F3E6 · #A5BC90 · #9595CE · #617C45 · #432638

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

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Sage (#A5BC90): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9595CE): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#617C45): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#432638): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Cypress Delta color palette (#EEF4E8, #87C2AC, #BF8AA2, #36816A, #462726)
• Washed Bronze color palette (#FAF0E4, #D3AC77, #7B9FC9, #95671D, #3D293F)
• Worn Olive Veranda color palette (#F8F5E8, #AFB582, #CC8182, #727A00, #6B3F3F)
• Washed Moss color palette (#EBF9F5, #B6CD9E, #ACA8EC, #739B3E, #414B6E)
• Patina Grove color palette (#F4F3DF, #8CA765, #9681BA, #896A99, #2A2810)
• Tempered Bronze color palette (#FBEFE7, #CBB7A2, #AE7347, #83442B, #322B1D)
• Tempered Field color palette (#F4F3E1, #CBE0D0, #B5B1BB, #A2906E, #383E00)
• Pewter Studio color palette (#EEF4EA, #DEBC9E, #556946, #2A3521, #11160E)

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