Pine Canyon color palette — #FBF4E9 · #C09D3D · #00793B · #6A5200 · #1A2003

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Mustard (#C09D3D): A luminous, balanced gold — the color of honey in a jar.
• Pine (#00793B): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6A5200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#1A2003): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Taupe Lagoon color palette (#F8F5EC, #9C9F54, #006C68, #525400, #0E1C0D)
• Fern Coast color palette (#F6F6EC, #99BB81, #007D8F, #3E6F00, #112A1B)
• Tangerine Meadow color palette (#FFF2EB, #EF7D52, #606C00, #923200, #1B2000)
• Airy Workshop color palette (#FBEFE5, #F18A05, #007985, #864A00, #000D03)
• Pale Aubergine Lagoon color palette (#FFF4E2, #87952C, #007344, #452999, #263D0E)
• Dusty Olive Ridge color palette (#F0EB9A, #98AE42, #247F00, #005635, #004239)
• Weathered Coast color palette (#F7F5EF, #D4DCD1, #BABFA9, #6F6F00, #4D3E00)
• Feathered Garden color palette (#EFF5E3, #13A962, #005E72, #00552E, #00151B)

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