Hushed Pine color palette — #DFE2CF · #408559 · #005338 · #00342D · #000802

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

The five colors

• Bone (#DFE2CF): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#408559): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005338): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Forest (#00342D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Ancient Forest color palette (#E6E9D5, #54936B, #006246, #003F4F, #001507)
• Emerald Garden color palette (#CCEAE5, #009345, #00482E, #00211B, #000200)
• Dusty Cypress Summit color palette (#DFE8D5, #75B3A3, #00837A, #006169, #003128)
• Gentle Ultramarine color palette (#FAE5F6, #2748C2, #820078, #00464A, #000010)
• Cypress Workshop color palette (#F8F5E9, #BAB690, #6B8C56, #00736E, #36362F)
• Frosted Nightshade color palette (#FFE3F1, #AA99C4, #AB6BB5, #3A42A3, #0E0123)
• Hushed Station color palette (#F4E0ED, #5B5BB9, #A6002F, #31009C, #140002)
• Hushed Nightshade color palette (#D5E4F8, #3864C9, #2516C0, #210076, #0B002D)

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