Olive Veranda color palette — #FFF1F3 · #EFAA8C · #AA8A45 · #647000 · #00481B

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Melon (#EFAA8C): A luminous, balanced orange — the color of autumn markets.
• Caramel (#AA8A45): A luminous, balanced gold — the color of honey in a jar.
• Olive (#647000): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00481B): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Hushed Pine color palette (#FFEDE6, #E3BA7E, #899B4C, #1E7446, #004540)
• Muted Bronze Summit color palette (#FFEEE5, #CBA37B, #987100, #535100, #2F4300)
• Muted Dune color palette (#FFF2EF, #FFD5C4, #CE9C0D, #667300, #004028)
• Powdered Delta color palette (#FCECFF, #EDA5B9, #CF7A67, #8E5B00, #444000)
• Marigold Atelier color palette (#F6E3DD, #EE9300, #817E00, #176104, #00342A)
• Washed Bloom color palette (#E9FBE9, #E29D8E, #8B8B47, #575F92, #4E343F)
• Bronze Loft color palette (#F7DAD6, #B86500, #674F00, #1F3100, #00120C)
• Weathered Workshop color palette (#F2E1CB, #A9AA44, #088D44, #005B51, #002832)

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