Pine Canyon color palette — #F4F4DA · #86B684 · #247E4A · #115947 · #082809
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4F4DA): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#86B684): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#247E4A): A full-bodied, balanced teal — the color of sea glass.
- Pine (#115947): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#082809): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Timeworn Pine color palette (#E8FBF0, #92AE76, #007E48, #005C62, #2E4216)
- Wandering Pewter color palette (#F6F2E4, #BBB58B, #667D52, #475C42, #2B2814)
- Timeworn Forest Courtyard color palette (#E8E8C3, #6EA56B, #006E39, #004750, #011D02)
- Worn Jade Hollow color palette (#FEF5DB, #C4E5A9, #36AA71, #227880, #2F2F28)
- Muted Boulevard color palette (#F2F3E5, #94DEE6, #0093A9, #00625F, #002A36)
- Fern Bloom color palette (#EEE6D5, #7B7D40, #3E4A00, #003228, #080800)
- Forest Loft color palette (#E3EAD0, #006949, #003227, #001721, #000201)
- Aged Ultramarine color palette (#FFEAFD, #5D94FF, #009A72, #134FC6, #00281B)
Browse the whole catalog at Explore, or see today's palette.