Pine Garden color palette — #D7EDD3 · #A2D3C1 · #AD96D4 · #377527 · #00222C
A conversation between Olive and Mauve, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D7EDD3): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A2D3C1): A whisper-light, dusty teal — the color of sea glass.
- Mauve (#AD96D4): A luminous, balanced violet — the color of a velvet chair.
- Olive (#377527): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#00222C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Balance. Tagged pastel, light, 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
- Soft Pine color palette (#D7ECDA, #A4C4F4, #C292D2, #007649, #001A2A)
- Worn Quarry color palette (#ECF7D8, #B6D8B7, #799BE1, #686100, #001B19)
- Gentle Quarry color palette (#DEF9FF, #A4E3FF, #AF9EFF, #638A43, #0C3846)
- Antique Quarry color palette (#DEF9E0, #81D0EE, #639EE3, #007061, #133722)
- Worn Coast color palette (#C8E9D3, #9AB5E7, #A072B0, #005A3D, #000E1E)
- Softworn Lagoon Study color palette (#E4F8EC, #F3D6D1, #E9B8E9, #2E8979, #14332C)
- Soft Blush Boulevard color palette (#E6F4FF, #CCCCFF, #E479A2, #006F75, #151046)
- Timeworn Raspberry color palette (#C7E8F8, #9D9ACD, #B94E93, #00423C, #00041B)
Browse the whole catalog at Explore, or see today's palette.