Hushed Field color palette — #ECF9F1 · #B1BE93 · #898156 · #526351 · #374D4A

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Sage (#B1BE93): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#898156): A full-bodied, dusty green — the color of a quiet forest floor.
• Pine (#526351): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#374D4A): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Worn Bronze color palette (#E4FCED, #A3AE76, #807239, #6A4551, #26433F)
• Ancient Stone Loft color palette (#FFF0F7, #A1C2A1, #987486, #6E546A, #3C4C42)
• Antique Meadow color palette (#FAF5E7, #DFDABE, #C3B590, #A68F60, #4D4A00)
• Aged Driftwood Parlor color palette (#E8F6ED, #9AC6BA, #668D77, #6F4C59, #1B3030)
• Tempered Stone color palette (#ECF7FF, #EEAF97, #3F637A, #233C4C, #20242F)
• Worn Olive Summit color palette (#D1EBD6, #7E7A1A, #594100, #3F1E00, #001B16)
• Hushed Summit color palette (#EAF8FF, #00A0C3, #A1735A, #785267, #323F47)
• Muted Hollow color palette (#FFE7F2, #C4924B, #9C531C, #772F2A, #1E3D2C)

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