Pine Canyon color palette — #EFF1DA · #539B66 · #00744C · #524902 · #000902
Built around Pine, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#EFF1DA): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#539B66): A luminous, balanced teal — the color of glacier melt.
- Pine (#00744C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#524902): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Canyon 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 Bloom color palette (#E5E7D8, #5BAC72, #008559, #3B6134, #001505)
- Hushed Chapel color palette (#FBEED8, #958B37, #636700, #584600, #070600)
- Pine Workshop color palette (#D7F1DD, #008545, #00728A, #6F5400, #000301)
- Aged Emerald Grove color palette (#CEE8D9, #00A66A, #007446, #003E23, #000201)
- Quiet Drift color palette (#DEE7CD, #588C00, #2C6E00, #005119, #000A03)
- Hushed Pine color palette (#E2E2CB, #368660, #00514B, #4F140E, #000803)
- Linen Emerald color palette (#EEF0E0, #289712, #B74A00, #176606, #100200)
- Muted Chapel color palette (#E1E3D2, #6DADB2, #008394, #005E59, #000B10)
Browse the whole catalog at Explore, or see today's palette.