Hushed Pine color palette — #FFF6D0 · #BECD8B · #76A05B · #287845 · #004A3E
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF6D0): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#BECD8B): A whisper-light, balanced green — the color of new leaves after rain.
- Moss (#76A05B): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#287845): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004A3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged 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 Teal Garden color palette (#DDF9BE, #94D3A3, #4BA988, #00766C, #00454D)
- Timeworn Ridge color palette (#FFEEDF, #D7BB7E, #99914A, #5C7217, #104700)
- Sunlit Lime color palette (#FFEFE5, #DBD28D, #8EC255, #009C75, #004A50)
- Olive Delta color palette (#FFF1E7, #C2AF72, #628031, #005F40, #004B4F)
- Tempered Denim Lagoon color palette (#FFF4E2, #B2B777, #60946E, #5B5C97, #3E3E36)
- Misty Boulevard color palette (#E1E3CB, #619200, #056515, #003826, #000B0A)
- Hushed Pine Station color palette (#D5E8D1, #00855A, #005349, #002829, #000507)
- Tempered Driftwood Corridor color palette (#F7F5EE, #D7DDD4, #B8C5B8, #96925D, #4A483F)
Browse the whole catalog at Explore, or see today's palette.