Olive Bloom color palette — #ECF9EE · #BDB77B · #768B2E · #766034 · #223C2F

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sage (#BDB77B): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#768B2E): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#766034): A full-bodied, dusty gold — the color of honey in a jar.
• Forest (#223C2F): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Tempered Dune color palette (#FAF4E9, #D8D399, #8A9047, #716234, #312708)
• Lagoon Terrace color palette (#E7FAF5, #93C29D, #249575, #576B46, #163D3A)
• Moss Bloom color palette (#E9FBED, #BDC080, #699700, #277A55, #3D3D0F)
• Ancient Alley color palette (#FFF1F6, #A59E52, #4B6E3E, #643D4C, #213C2F)
• Hushed Olive color palette (#DFEEE3, #91994E, #416F00, #534400, #1A1D00)
• Teal Courtyard color palette (#ECF8F6, #AADCDB, #6BAA9A, #63857F, #3C5251)
• Faded Peony color palette (#DBF4F5, #4CD5A1, #C058A5, #00865F, #4D2542)
• Weathered Lagoon color palette (#C7E5E2, #26876A, #00514B, #003612, #000805)

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