Pine Garden color palette — #F0F3D5 · #4A8A59 · #005234 · #362F00 · #00220A
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Custard (#F0F3D5): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#4A8A59): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#005234): A deep, shadowed, balanced teal — the color of sea glass.
- Espresso (#362F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#00220A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, 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 Forest color palette (#E3E7D8, #5A9C7C, #00644F, #20472B, #222E09)
- Washed Atelier color palette (#D0E5D9, #009866, #004E34, #002414, #000B05)
- Bronze Corridor color palette (#F0E4CC, #857C2E, #454900, #3A2D00, #1F1B00)
- Onyx Garden color palette (#E5E5D1, #4B8769, #004F4A, #520702, #000B05)
- Forest Veranda color palette (#DEE6D1, #6ECDB4, #00A49D, #156326, #002F23)
- Aged Forest Veranda color palette (#E2F6E5, #006D32, #005768, #4F3900, #001706)
- Pine Grove color palette (#E0E5CA, #23822E, #913C00, #01470D, #310F00)
- Pale Drift color palette (#DAF3EF, #6EBB86, #009668, #6C6629, #00220D)
Browse the whole catalog at Explore, or see today's palette.