Pine Garden color palette — #F4F7E7 · #94BC96 · #BE84A3 · #4E8053 · #674241
Built around Fern, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#94BC96): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#BE84A3): A luminous, balanced rose — the color of strawberry cream.
- Fern (#4E8053): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#674241): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Pine Garden 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
- Worn Ash Chapel color palette (#F8F6E6, #ACB77D, #8D94CB, #6F7840, #604257)
- Washed Market color palette (#E3F6F6, #91C0A1, #C186B3, #00884F, #45243D)
- Dusty Petrol Atelier color palette (#EBFAEE, #6CBFC9, #C48583, #00828D, #534B48)
- Emerald Workshop color palette (#F3F7E9, #9FD2B1, #D69CC3, #49A16E, #643F58)
- Hushed Hollow color palette (#F0F9E4, #66A88B, #AC7598, #9B5B63, #41443D)
- Dusty Raspberry color palette (#EBFBE5, #00AB99, #C15186, #006B60, #611E3F)
- Wandering Bronze Garden color palette (#FDF4E7, #C1B897, #A07839, #854E21, #4A4B00)
- Glacier Courtyard color palette (#F3F8E6, #CAE5DC, #9CD5DE, #A0926A, #495546)
Browse the whole catalog at Explore, or see today's palette.