Hushed Pine color palette — #F4F3E3 · #89AB7E · #407248 · #544419 · #1D1E03

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

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#89AB7E): A luminous, dusty green — the color of fresh herbs.
• Olive (#407248): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#544419): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#1D1E03): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Chestnut Canyon color palette (#F0F4E3, #91C0A6, #4A826F, #665300, #232B11)
• Hushed Olive Pier color palette (#DFE3C9, #8B9E45, #506E00, #2A4F00, #032A03)
• Washed Lagoon Lagoon color palette (#E9EEDC, #549F7B, #00644E, #184324, #00170C)
• Pine Coast color palette (#D1FAD5, #75C187, #017838, #003F17, #001404)
• Washed Parlor color palette (#EBF9F4, #71A7A3, #007461, #733537, #123D3B)
• Timeworn Moss Corridor color palette (#E9EBD8, #62A456, #0085BE, #246517, #001F30)
• Dusty Basin color palette (#EEF2D6, #449039, #007D8A, #7B5200, #141600)
• Patina Lagoon color palette (#F9F6E5, #CDD5A9, #3E9D84, #80584B, #262B0D)

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