Pine Canyon color palette — #DAEAD9 · #AAAA59 · #1D891E · #70436D · #073122

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DAEAD9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#AAAA59): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#1D891E): A full-bodied, vivid green — the color of new leaves after rain.
• Charcoal Brown (#70436D): A full-bodied, balanced pink — the color of peonies in June.
• Deep Forest (#073122): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, 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

• Wandering Cypress color palette (#D4EBDE, #89B282, #00856E, #774353, #03302C)
• Soft Olive color palette (#FFE2EC, #BFAD00, #418C00, #544F9B, #342F00)
• Pine Boulevard color palette (#FFF4E0, #B5C28B, #508551, #524976, #1D1800)
• Ancient Courtyard color palette (#EAFAEF, #A2C88C, #009E78, #7C5A86, #2C421D)
• Dusty Orchard color palette (#E7D7F2, #E267A2, #759400, #A8266D, #232E00)
• Dusty Forest color palette (#EBE5D0, #769941, #01671E, #15473D, #2C2A0B)
• Timeworn Bronze color palette (#F7E7ED, #978300, #366000, #352971, #130F00)
• Taupe Boulevard color palette (#F0F8EF, #B7DBCB, #7DA881, #767B99, #41514A)

Browse the whole catalog at Explore, or see today's palette.