Hushed Pine color palette — #F4F6EF · #D1DDD4 · #ADB8A3 · #207737 · #3A3C31

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D1DDD4): bright and airy, almost weightless.
• Stone (#ADB8A3): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#207737): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3A3C31): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Fern color palette (#F2F3EB, #CDD9D2, #A7BFA8, #4C7043, #212216)
• Ancient Pine Field color palette (#F6F7E6, #999F7C, #1F7449, #345521, #35362F)
• Tempered Lagoon color palette (#EFF7F6, #D0DBE1, #B0C1D3, #648D5D, #2D3F3C)
• Ancient Abyss Summit color palette (#E8F0E5, #A0AE9F, #6B8870, #00413A, #0D170A)
• Hushed Denim Alley color palette (#D5EEDE, #82AD9C, #4B7D71, #62456F, #592D3A)
• Hushed Basin color palette (#EEF8F3, #CEDCDD, #9DC6BB, #007595, #34443C)
• Hushed Denim color palette (#E8F1ED, #C2D0CC, #AB9AAB, #005C82, #22322C)
• Midnight Cypress color palette (#E1ECDA, #00745F, #152C12, #0C1703, #010603)

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