Pine Canyon color palette — #ECECCD · #699666 · #1F7442 · #00525C · #000900

Pine and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#ECECCD): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#699666): A luminous, balanced green — the color of new leaves after rain.
• Pine (#1F7442): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00525C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, 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

• Forest Garden color palette (#EFE6D5, #697D41, #005424, #31204D, #040700)
• Hushed Petrol color palette (#ECEEDF, #73ABB5, #00829C, #005D5E, #000B12)
• Tempered Moss Lantern color palette (#F4E8D3, #988A24, #656700, #69373D, #070600)
• Moonless Forest Grove color palette (#D3F1E9, #2B6825, #003416, #00181B, #000200)
• Weathered Workshop color palette (#F7EDD8, #ADAC58, #798731, #914C53, #1D1C00)
• Aged Teal Villa color palette (#E2E8D2, #8BCAAD, #40A58C, #3E7D9B, #003221)
• Aged Mulberry Lantern color palette (#F3DDDE, #B84FA8, #007AAA, #8F0080, #00070E)
• Jade Grove color palette (#F5F7E6, #9DE1B0, #41BE8C, #4F94A7, #194528)

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