Pine Garden color palette — #CAE8DD · #007A30 · #004736 · #002136 · #000703
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CAE8DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#007A30): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004736): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000703): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Ancient Olive Boulevard color palette (#E3F1EA, #5F6D00, #114800, #002329, #030700)
- Smoked Workshop color palette (#C9E8E0, #00644F, #003636, #01004D, #000202)
- Olive Studio color palette (#FCE0CC, #557100, #004740, #46002E, #001D04)
- Wandering Cypress Balcony color palette (#D2E6E1, #60ABA6, #006568, #003A30, #000E10)
- Weathered Emerald Coast color palette (#E6E5D6, #269853, #006854, #003B61, #001C0F)
- Nightshade Garden color palette (#D3E7C9, #009484, #005E65, #23048F, #001615)
- Dusty Navy Atelier color palette (#DAFAF0, #69AD89, #007C6F, #1C4778, #00292B)
- Misty Clover color palette (#CAF4F2, #69BA34, #009D4F, #00715E, #000603)
Browse the whole catalog at Explore, or see today's palette.