Hushed Pine color palette — #EFF7F7 · #D4DDE7 · #B9C1D5 · #4B825E · #3C4B4A

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DDE7): a clean, paper-quiet neutral.
• Ash (#B9C1D5): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#4B825E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3C4B4A): quiet, heavy and certain.

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

• Olive Harbor color palette (#F0F3EB, #CEDCD6, #B0C2BE, #677F3E, #2A2E24)
• Aged Cypress color palette (#EDF8F4, #8DBCA4, #008486, #3E6258, #2E4848)
• Hushed Petrol color palette (#EFF6FC, #D9D8E2, #AFB0CD, #146D8F, #343C41)
• Weathered Archive color palette (#D6FAF1, #97C5CD, #6C88A5, #785C69, #624545)
• Washed Cypress color palette (#D8E8EC, #00837B, #1B3547, #0D2327, #060E12)
• Antique Abyss color palette (#D7E8E8, #97AEB6, #5985A4, #00432E, #041718)
• Washed Cabin color palette (#D8E0E8, #B1B9CC, #8D88B0, #004971, #14212C)
• Jade Lagoon color palette (#FFF0FE, #68AA69, #007690, #7B3338, #1C4448)

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