Pine Garden color palette — #EAEDE0 · #62BC69 · #008475 · #007921 · #061103

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

The five colors

• Cream (#EAEDE0): a clean, paper-quiet neutral.
• Jade (#62BC69): A luminous, balanced green — the color of new leaves after rain.
• Teal (#008475): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#007921): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#061103): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Moss Garden color palette (#EEECDD, #A1AE44, #00875C, #616A00, #091000)
• Hazy Pine color palette (#F3F7EB, #75C99A, #00919C, #008753, #0E1C11)
• Worn Basin color palette (#DFE7D6, #00AC7F, #006E75, #006247, #000501)
• Teal Delta color palette (#C5E9D9, #00BFA4, #00887D, #005657, #00292E)
• Navy Terrace color palette (#E2E1B9, #00AB89, #007978, #25418E, #162A0C)
• Dusty Mustard Courtyard color palette (#FAF5E3, #BDC267, #0081AC, #666900, #000201)
• Soft Turquoise Thicket color palette (#E7F7E8, #00C2CA, #0081B4, #00787D, #001420)
• Hushed Pine Field color palette (#EDF0E6, #D3DBCC, #ACBEA5, #2C8459, #2B3022)

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