Pine Garden color palette — #D7F0DA · #008D37 · #007689 · #725200 · #001704

Kelly Green and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7F0DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#008D37): A full-bodied, vivid green — the color of new leaves after rain.
• Teal (#007689): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#725200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#001704): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Wandering Emerald color palette (#C4EEC7, #009434, #00788A, #6E4E00, #000200)
• Misty Olive color palette (#E6E9D3, #747C00, #007A6B, #8D3D00, #111300)
• Soft Petrol color palette (#DEF4EF, #008876, #006EAF, #595D00, #001612)
• Feathered Aubergine Ridge color palette (#DEF5E7, #006C42, #581AB6, #6E004F, #00170A)
• Patina Cobalt Coast color palette (#E1F4EF, #00A38C, #0087D1, #717500, #002B24)
• Hazy Jade color palette (#DDEAE0, #48B063, #007935, #00421E, #000A02)
• Pale Indigo color palette (#D2E3E9, #0095B8, #7963DA, #007E49, #00242E)
• Linen Balcony color palette (#C3E9E6, #77DCB3, #33BAA7, #467D2C, #002917)

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