Hushed Pine color palette — #F0F8F0 · #AFB487 · #4E8253 · #5D5471 · #2F493E
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F8F0): a clean, paper-quiet neutral.
- Sage (#AFB487): A luminous, dusty green — the color of new leaves after rain.
- Fern (#4E8253): A full-bodied, balanced green — the color of new leaves after rain.
- Graphite (#5D5471): A full-bodied, dusty violet — the color of twilight just after sunset.
- Forest (#2F493E): 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
- Pine Delta color palette (#F6F2E1, #A5BC93, #4E8358, #604D63, #292817)
- Weathered Olive color palette (#FFF1F5, #ACA658, #377C21, #4E4880, #403C0A)
- Patina Lagoon color palette (#E7FBF2, #B6CDA2, #689E71, #627386, #2C4943)
- Muted Balcony color palette (#F9F3F8, #C2E2EF, #4793BE, #1D734E, #364864)
- Chalky Mulberry color palette (#F7F3FF, #CC84B7, #57A55D, #8F397A, #124C48)
- Softworn Marigold Corridor color palette (#F6F3FF, #F2D5DE, #EFB47E, #6D7AAE, #54495D)
- Patina Moss Field color palette (#DAF2E3, #6EA34E, #006B51, #6A2847, #1D360B)
- Softworn Olive Study color palette (#D5E6DB, #598940, #00513E, #421C48, #0B2101)
Browse the whole catalog at Explore, or see today's palette.