Hushed Pine Ridge color palette — #F9F0E6 · #BDB48D · #518357 · #425C49 · #2D2710

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

The five colors

• Cream (#F9F0E6): a clean, paper-quiet neutral.
• Sage (#BDB48D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#518357): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#425C49): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#2D2710): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Hushed Pine Ridge 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

• Chestnut Terrace color palette (#F4F2E9, #96C099, #348477, #665300, #262918)
• Tempered Pine Orchard color palette (#FBF0E2, #9DA671, #1B783B, #61393F, #221C00)
• Aged Stone color palette (#EEF9EE, #C1CB8B, #729B7A, #577785, #2D493F)
• Forest Garden color palette (#F9EFED, #C9E5C8, #3F9AB7, #346D3B, #37243A)
• Patina Moss Pier color palette (#EEE4CE, #76A555, #006C50, #00455C, #0A1B00)
• Softworn Pier color palette (#E5F7F0, #E6D4C8, #EBAECD, #38838D, #3C2935)
• Olive Harbor color palette (#F2E7D3, #64852F, #005135, #421834, #050A00)
• Olive Balcony color palette (#EDDFCA, #5A7300, #004226, #00232C, #020300)

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