Pine Canyon color palette — #F9F5E8 · #B3B28C · #478353 · #824921 · #484500

A conversation between Fern and Coffee, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#B3B28C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#478353): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#824921): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#484500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Chestnut Quarry color palette (#F5F6ED, #B8C7A4, #419185, #875C1D, #405613)
• Olive Canyon color palette (#FDF4E1, #9FAC4F, #427A00, #5F5008, #3C3B34)
• Muted Lagoon color palette (#F7F1E4, #9BBF8E, #3A856F, #6B4B50, #282912)
• Fern Corridor color palette (#F8F6E1, #CBE9D1, #8BDCD3, #83814C, #495000)
• Olive Cabin color palette (#F5F9D2, #9EC483, #468627, #25500D, #17320F)
• Misty Cobalt color palette (#F7F7E1, #74954A, #1E7FCD, #A1475A, #393831)
• Emerald Meadow color palette (#EDEDD4, #36AB65, #006A53, #633700, #04381B)
• Ancient Oat color palette (#EBF9F3, #CADDAF, #82B9AE, #7E987F, #2D4941)

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