Pine Garden color palette — #ECF2DA · #907300 · #1B7308 · #00414A · #000302
Olive and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECF2DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Ochre (#907300): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#1B7308): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#00414A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Hushed Amber color palette (#E7E1CD, #BF6E00, #586500, #004A3E, #020600)
- Wandering Archive color palette (#E9F3E1, #728C00, #006960, #00416A, #000304)
- Weathered Cypress Basin color palette (#E7EACC, #34714F, #004C54, #3D0716, #1A0E00)
- Moonless Spruce Garden color palette (#DFE7CE, #575C63, #00381E, #111E22, #000505)
- Nocturne Garnet color palette (#DDEEDC, #005E5C, #780028, #002626, #130002)
- Misty Moss color palette (#E1EEE0, #59B42E, #008986, #005FA1, #001E21)
- Chalky Nightshade color palette (#D2EFDA, #00A070, #008199, #3B00C2, #001018)
- Navy Drift color palette (#E7DDD2, #5E84AB, #263180, #002128, #0D0025)
Browse the whole catalog at Explore, or see today's palette.