Olive Balcony color palette — #FEF3EB · #C67A52 · #3A8F1F · #59549E · #352419

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Caramel (#C67A52): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#3A8F1F): A full-bodied, vivid green — the color of new leaves after rain.
• Slate (#59549E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#352419): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Olive Balcony 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

• Amber Studio color palette (#FFF2EA, #DC7846, #7D7B00, #215C8B, #37261A)
• Aged Amber color palette (#FFF2EA, #D67D55, #008E8A, #854C78, #35251A)
• Aged Emerald color palette (#F9F5EC, #BAA95B, #579D66, #75629B, #39352F)
• Weathered Moss color palette (#F7F6EB, #849D2F, #008A61, #664791, #302714)
• Moss Corridor color palette (#FFF3E3, #F39482, #908B00, #516093, #423C37)
• Blush Bloom color palette (#FFF2EE, #EB7F8E, #009585, #6D4C8C, #402F52)
• Feathered Bronze color palette (#FDF4E2, #A18700, #0073A9, #893032, #291E04)
• Hushed Aubergine Workshop color palette (#FFE8D6, #C05D00, #007551, #70008B, #2A0F00)

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