Hushed Pine color palette — #E7F6EE · #8BAB7A · #00784F · #27503E · #00221D

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

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Sage (#8BAB7A): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#00784F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#27503E): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Aged Pine color palette (#E5FBF4, #85A676, #3A7141, #30534A, #193D37)
• Worn Courtyard color palette (#E6F6F2, #6FB08F, #00746D, #643932, #012122)
• Patina Lantern color palette (#E1F1E4, #00AE8A, #007F78, #004A56, #002431)
• Weathered Fern color palette (#DAEADA, #A2973A, #456700, #00493C, #1A1600)
• Antique Emerald Lantern color palette (#F7F6E9, #BADBAC, #5B9B61, #5A6A3E, #292913)
• Timeworn Cerulean color palette (#F9EEF5, #97D5D2, #008BA1, #085F37, #002339)
• Patina Turquoise Studio color palette (#D9F9FF, #38BDCD, #007888, #003B45, #001216)
• Washed Pine Summit color palette (#CCE7DD, #4C8953, #00503F, #272D00, #000B01)

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