Hushed Pier color palette — #F8F6E8 · #A4B78E · #5E7E52 · #496148 · #494400
Deep Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E8): bright and airy, almost weightless.
- Sage (#A4B78E): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5E7E52): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#496148): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#494400): A deep, shadowed, balanced 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 Pier 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
- Olive Atelier color palette (#FFF4DE, #AAA668, #677100, #704147, #3F3C0E)
- Patina Driftwood color palette (#EFF8F0, #A8CFBB, #80986D, #6A6E98, #2F493D)
- Hushed Balcony color palette (#EBE4D5, #928E5B, #535B00, #62292D, #2D2A00)
- Antique Cypress color palette (#F5F6EE, #CDE4CD, #4C989F, #007265, #32503C)
- Jade Archive color palette (#ECEED2, #59A56A, #006C44, #004C5A, #003915)
- Olive Boulevard color palette (#ECEACA, #4E793E, #004416, #00282C, #031400)
- Stone Courtyard color palette (#FFF1F2, #E2D7D1, #E7B5BE, #9C6F7A, #5D3F3F)
- Pewter Boulevard color palette (#FFF1F4, #B98BC8, #3497B2, #7F508E, #004A5B)
Browse the whole catalog at Explore, or see today's palette.