Pine Garden color palette — #DDE2C5 · #7CDC83 · #C682E0 · #008625 · #3E0B4F

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

The five colors

• Celadon Mist (#DDE2C5): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#7CDC83): A luminous, balanced green — the color of fresh herbs.
• Wisteria (#C682E0): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#008625): A full-bodied, vivid green — the color of a quiet forest floor.
• Royal Purple (#3E0B4F): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Chalky Wisteria color palette (#E5DEC2, #C3CC52, #C97BEE, #707500, #3C104E)
• Pale Orchid Chapel color palette (#F5F8DE, #81CF75, #B865CC, #1A6E07, #2B0034)
• Gentle Iris color palette (#E3E0C0, #AFD267, #819AFF, #5E7B00, #1A2257)
• Weathered Terrace color palette (#EAF2E1, #5CD9A9, #D296E5, #00AB7B, #472552)
• Linen Peony color palette (#D6E3CD, #3BE0B8, #D45F94, #00987A, #48102C)
• Muted Iris color palette (#EDDBC0, #F0B941, #847DE7, #A67A00, #251E56)
• Gentle Jade color palette (#F1F9E6, #88E2B6, #FC9EB0, #41B785, #61323C)
• Washed Blush Drift color palette (#B6F0FF, #00CAED, #FF69B0, #0098B3, #570032)

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