Pine Canyon color palette — #F0D6DE · #B26F00 · #2A863F · #006056 · #2F0D1B

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

The five colors

• Shell Pink (#F0D6DE): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#B26F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#2A863F): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006056): A full-bodied, dusty teal — the color of sea glass.
• Ink (#2F0D1B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Bronze Station color palette (#CEE5D5, #997D00, #008571, #005E69, #221A00)
• Chalky Garnet color palette (#E4F2E3, #956300, #007442, #770D47, #160B00)
• Sunlit Garden color palette (#CBE6D4, #997E00, #008472, #8D293C, #221A00)
• Weathered Moss color palette (#C5E8D4, #A19500, #567500, #005354, #252600)
• Worn Station color palette (#CDE6D1, #7F5B00, #006154, #261299, #251800)
• Airy Amber Studio color palette (#FDE8F0, #CE7607, #4F9257, #864675, #391B29)
• Washed Market color palette (#EFD6E3, #CB5A00, #5F8A15, #6F286E, #301000)
• Airy Crimson color palette (#EBD6EA, #DD3B4A, #7E7400, #5F3B94, #290F28)

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