Hushed Olive color palette — #FFF1F6 · #AFA562 · #4C7731 · #6F461E · #423B0C

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#AFA562): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#4C7731): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#6F461E): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#423B0C): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Cypress Lantern color palette (#E6FCEE, #8DAF79, #007C5E, #5F5000, #0E443C)
• Tempered Garden color palette (#DCE8DC, #8C9157, #2A6332, #533708, #003223)
• Worn Pine Coast color palette (#EAFAEF, #91AE73, #007D58, #604568, #0F443A)
• Tempered Moss Grove color palette (#E8FBEA, #C4BC89, #7F8F3D, #846322, #433B00)
• Timeworn Driftwood color palette (#FCF2F6, #AACAB6, #628B81, #516B71, #405247)
• Wandering Jade Field color palette (#D7F2EB, #42A684, #00676D, #334C0A, #003727)
• Hushed Olive color palette (#DDF6E6, #5F8744, #00523C, #382E00, #0D2000)
• Powdered Summit color palette (#E5E7CC, #7FAD1E, #008A47, #006052, #17435D)

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