Hushed Olive color palette — #ECF9F1 · #AAB689 · #5B7F4F · #425D73 · #304840

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Sage (#AAB689): A luminous, dusty green — the color of fresh herbs.
• Fern (#5B7F4F): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#425D73): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#304840): 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 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

• Softworn Coast color palette (#E8FAF8, #86BABD, #02857C, #505876, #2D484A)
• Worn Olive Harbor color palette (#FFECF2, #B9B680, #5D8054, #54516C, #142D22)
• Dusty Station color palette (#FFF3E7, #CCC78B, #769B6A, #89666F, #524000)
• Muted Cerulean color palette (#F1F7F2, #BBE4F1, #009BB1, #00735C, #2E4C5E)
• Patina Harbor color palette (#D8F2E9, #67A361, #006C45, #1D3F81, #183615)
• Muted Emerald color palette (#F5F3FF, #C186CD, #3DA148, #834D8D, #114C48)
• Hushed Cabin color palette (#F6F3FF, #E5D6DF, #F2B3B0, #8674A3, #53495F)
• Quiet Peony color palette (#F6F3FF, #B26AB0, #987600, #007783, #3A334D)

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