Hushed Olive color palette — #ECF9EF · #90BBA7 · #667D3F · #695069 · #31483E

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

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sage (#90BBA7): A luminous, dusty teal — the color of glacier melt.
• Olive (#667D3F): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#695069): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#31483E): 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

• Muted Lagoon color palette (#EEF8F4, #9CCCC5, #559070, #765E6A, #3D524F)
• Muted Pine color palette (#ECF5EC, #B1B88A, #55815C, #51526C, #162D24)
• Seafoam Drift color palette (#E1FDEF, #B7E4ED, #80D9AF, #967843, #3D584E)
• Washed Teal Villa color palette (#E1FCF8, #5AB88F, #007A6C, #6E4807, #0F4344)
• Softworn Corridor color palette (#ECF9F1, #B2A03E, #7C7AE5, #756600, #364160)
• Bronze Boulevard color palette (#FFF1F6, #D6A458, #957600, #625C00, #295548)
• Sunlit Olive Workshop color palette (#DAFFEE, #C1C37B, #6C7600, #434600, #2A2D00)
• Washed Workshop color palette (#FBF4E9, #E1D4B2, #ACB17E, #A78972, #524000)

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