Olive Balcony color palette — #ECF5EC · #BAB67B · #637F48 · #4C556A · #182C23

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Sage (#BAB67B): A luminous, dusty green — the color of fresh herbs.
• Fern (#637F48): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4C556A): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#182C23): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Olive Pier color palette (#EAF5EB, #A5A464, #4B712E, #3E4461, #012316)
• Stone Canyon color palette (#E9F5EF, #9CCFC6, #5B8D8E, #5F5F75, #203632)
• Tempered Teal Quarry color palette (#DDF9F2, #67BC90, #007C73, #60405A, #002627)
• Wandering Cocoa color palette (#FFF3E9, #C1AD87, #687B4A, #734D58, #563E00)
• Taupe Atelier color palette (#FAF5E4, #DFEDB6, #8EA872, #697D64, #3A3932)
• Muted Wisteria Station color palette (#F0F0FF, #BE8AE3, #6B9D5E, #75548D, #002F2A)
• Dusty Oat color palette (#F1F0FF, #EDD7D7, #E3BE9D, #6F80A3, #383243)
• Faded Moss color palette (#CCEEDA, #77A700, #006E39, #463262, #0F1A00)

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