Hushed Pine color palette — #DFE0DA · #BEC7BD · #92AC9F · #007436 · #1D2209

Pine takes the lead with Onyx close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#DFE0DA): a clean, paper-quiet neutral.
• Stone (#BEC7BD): soft and architectural.
• Sage (#92AC9F): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#007436): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1D2209): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Cypress color palette (#ECF1EA, #BCC7C1, #B29DB2, #007064, #15240F)
• Fern Lagoon color palette (#F0EEE7, #C4C6B6, #9AAB91, #6D6100, #261E09)
• Emerald Cabin color palette (#E5E8DE, #AEC8BB, #88B2A7, #2F9660, #1E2116)
• Worn Station color palette (#EDF8F6, #CADEEE, #A0C0D2, #306F39, #02100E)
• Abyss Quarry color palette (#D5E4E3, #A4BFC2, #6697A5, #00532E, #0D2423)
• Aged Fern Villa color palette (#E9E7D4, #6BA083, #006F6E, #3D4C00, #002112)
• Aged Studio color palette (#F1F8EE, #D4E2DA, #D2B1D1, #008A7D, #273920)
• Abyss Orchard color palette (#E8F3EA, #9BA8A4, #997C8E, #004F56, #010D04)

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