Pine Garden color palette — #D0E6DC · #3D874B · #005148 · #44173A · #000807

Built around Fern, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Silver (#D0E6DC): A whisper-light, dusty teal — the color of sea glass.
• Fern (#3D874B): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#44173A): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, 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

• Pine Lagoon color palette (#E9E4C5, #4A8B56, #00473A, #3B000A, #000200)
• Softworn Olive color palette (#D5E6D7, #6C7E05, #00542A, #3A2800, #050700)
• Soft Emerald Garden color palette (#D4EAD8, #009748, #005A2C, #002109, #000300)
• Fern Bloom color palette (#EAE8D7, #1F701F, #003420, #280E00, #000900)
• Patina Pine Grove color palette (#D6F0E9, #69975C, #237439, #58460F, #010800)
• Hushed Drift color palette (#E0F2E8, #605A00, #830077, #730039, #020200)
• Aubergine Balcony color palette (#D2F0EB, #269031, #6200A5, #02450C, #0A0019)
• Worn Spruce color palette (#F5EBF7, #4DA39D, #006377, #083F04, #000A17)

Browse the whole catalog at Explore, or see today's palette.