Pine Garden color palette — #E1EBDF · #01731B · #004B24 · #002313 · #000502

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E1EBDF): bright and airy, almost weightless.
• Olive (#01731B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004B24): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Onyx (#002313): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Field color palette (#E9E7C7, #5F6400, #323A00, #111B00, #010400)
• Aged Moss Loft color palette (#E5EAD7, #42A000, #005A30, #002D23, #000201)
• Twilit Cypress color palette (#D0E7E0, #007D68, #004338, #001510, #000201)
• Tempered Nightshade Alley color palette (#CEEFF0, #006C4D, #0036B6, #003322, #000111)
• Charred Thicket color palette (#D5F4ED, #00564B, #00416D, #2E3200, #000201)
• Softworn Teal color palette (#DCF5F8, #00B9B2, #008C99, #00422A, #000705)
• Ancient Lagoon color palette (#CEF3F2, #009BA3, #005D67, #003742, #001820)
• Hazy Ridge color palette (#DEE6D8, #434DFF, #006E7D, #060D13, #000102)

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