Pine Garden color palette — #E0F5E0 · #008A50 · #00523B · #002B24 · #000403
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E0F5E0): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008A50): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Forest (#002B24): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000403): quiet, heavy and certain.
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
- Lowlit Pine Station color palette (#DAE6DB, #008E57, #004F39, #00120E, #000201)
- Olive Loft color palette (#E7ECD4, #5F7D00, #255400, #002E08, #000702)
- Worn Meadow color palette (#C3ECEB, #008490, #004E5C, #002632, #00060C)
- Moss Boulevard color palette (#D2EDED, #57A82B, #00905A, #006657, #000302)
- Worn Teal Terrace color palette (#DFF2EA, #00B79D, #008A85, #005356, #002B31)
- Softworn Fern color palette (#D9E8E5, #95AAA7, #728C8C, #205200, #000C0A)
- Onyx Ridge color palette (#CAE8F0, #006664, #003C5D, #1E004F, #050004)
- Navy Market color palette (#D3E9E4, #348B8E, #006375, #26235D, #18092C)
Browse the whole catalog at Explore, or see today's palette.