Pine Canyon color palette — #F6F6ED · #9ABA7F · #008459 · #476C1B · #212619

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Sage (#9ABA7F): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008459): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#476C1B): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#212619): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone, 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

• Tempered Pine Thicket color palette (#F3F6EF, #8ED1B1, #008F91, #048159, #273127)
• Feathered Mustard Field color palette (#F5F2E5, #B8BB45, #008684, #686914, #051205)
• Jade Meadow color palette (#F7F6E4, #53AC83, #007B6F, #214E85, #3B3E38)
• Sunlit Mint color palette (#D3FEDE, #6DC79E, #008670, #006158, #00494A)
• Mustard Study color palette (#EEF8F3, #CBCA6B, #00A1B8, #86852F, #15272E)
• Teal Garden color palette (#EFF8EE, #00BAB1, #006E91, #00635F, #002417)
• Dusty Workshop color palette (#F5F6EF, #D5DCD6, #AFC7B9, #5A7F5C, #474940)
• Worn Pine Meadow color palette (#E2E4D6, #057F1D, #003C36, #013106, #000200)

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