Pine Garden color palette — #FBF5E4 · #90AE7B · #007D4F · #613D81 · #2D421D
Teal takes the lead with Plum close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#90AE7B): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007D4F): A full-bodied, balanced teal — the color of sea glass.
- Plum (#613D81): A full-bodied, balanced violet — the color of wild irises.
- Forest (#2D421D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Airy Basin color palette (#F2EBD8, #7D9E62, #006C42, #592973, #1D3600)
- Washed Olive color palette (#FDF4E7, #B8AF8F, #5D7E4F, #714D61, #504100)
- Hushed Cypress color palette (#F7F7E1, #6EB590, #007A71, #00587A, #13452F)
- Powdered Mulberry Studio color palette (#FFF1F2, #C672AD, #009385, #9F0080, #00453E)
- Dusty Boulevard color palette (#F8EEE0, #807D3F, #2C5000, #341A64, #1D1C00)
- Feathered Cobalt color palette (#FDF3ED, #9FD8EE, #1485D0, #006761, #2A3C70)
- Soft Jade Pier color palette (#E0FDEF, #ACDF9A, #42BE8E, #987BAC, #0C443D)
- Airy Raspberry color palette (#FFE4E0, #C64F80, #008762, #007065, #501B30)
Browse the whole catalog at Explore, or see today's palette.