Pine Garden color palette — #DEE5D0 · #007A44 · #004F56 · #002453 · #080800
A conversation between Pine and Midnight, giving this palette its sense of nature and growth.
The five colors
- Parchment (#DEE5D0): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007A44): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002453): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Pine Grove color palette (#E7EBD8, #007C2E, #005050, #002944, #090022)
- Gentle Aubergine color palette (#E3F2E1, #007672, #004A6E, #28006C, #140010)
- Velvet Olive Basin color palette (#CDEEE2, #616F00, #004735, #001920, #020100)
- Feathered Emerald Pier color palette (#D9E6D7, #009946, #006B40, #003F29, #001810)
- Petrol Basin color palette (#E5E7D9, #66ADC2, #007191, #00494F, #001623)
- Moonless Cocoa color palette (#FBE9CB, #5E4600, #00303B, #2B0017, #100000)
- Soft Nightshade Villa color palette (#CCE7D6, #007289, #0C34A8, #3B0056, #160007)
- Navy Veranda color palette (#DAEBE5, #369C97, #0A6972, #252C80, #1B0545)
Browse the whole catalog at Explore, or see today's palette.