Hushed Oat color palette — #ECF9F0 · #C9CF97 · #90AA7A · #817FA0 · #1D3D31

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Pistachio (#C9CF97): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#90AA7A): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#817FA0): A luminous, dusty violet — the color of a velvet chair.
• Forest (#1D3D31): 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 Oat 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 Teal Alley color palette (#E7FAF7, #9DDABA, #64B1A1, #A67381, #143C3D)
• Patina Lagoon Dune color palette (#EEF9ED, #B5B98A, #59905B, #5C617F, #153E2F)
• Antique Emerald color palette (#D4EBE0, #AAC494, #58A468, #966857, #1D2F08)
• Worn Powder color palette (#EAF9F7, #BAE8EB, #8AC0CB, #A692A9, #3D5153)
• Hushed Emerald Delta color palette (#D5E8DE, #9BB171, #4D9146, #7B537F, #151E00)
• Muted Ridge color palette (#EEF8F0, #B8E9FE, #6DBEDD, #3A9E93, #1E3E56)
• Apricot Corridor color palette (#F9DAED, #FC8A60, #3CBF87, #8A8DD7, #3D2033)
• Weathered Sand Workshop color palette (#FFF0F9, #F1D2CE, #DFD69B, #D6979A, #533946)

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