Pine Garden color palette — #E0E0CF · #51884B · #005227 · #003225 · #010B00
Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Bone (#E0E0CF): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#51884B): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#005227): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Forest (#003225): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Muted Pine Bloom color palette (#E9EFDA, #007B57, #004034, #002423, #000402)
- Wandering Emerald Alley color palette (#E2E3D4, #57A06B, #006543, #00404E, #101400)
- Misty Grove color palette (#F4F4DB, #7FB973, #00813B, #00575F, #0E2709)
- Aged Ridge color palette (#F1F3E8, #AFB894, #3E8566, #475C3D, #252A15)
- Patina Market color palette (#E4E5D7, #68A9AD, #006470, #003A36, #000D12)
- Timeworn Villa color palette (#F1E3EC, #442DDA, #860065, #00444D, #020018)
- Orchid Pier color palette (#DFE1EF, #AEA3DA, #AE63D5, #2A4087, #0C0625)
- Gentle Garden color palette (#DBEAF6, #0073D0, #003796, #0A007E, #05002D)
Browse the whole catalog at Explore, or see today's palette.