Chestnut Canyon color palette — #F2F7EA · #679E7F · #A66F5B · #7D5700 · #344400

Built around Coffee, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F2F7EA): bright and airy, almost weightless.
• Eucalyptus (#679E7F): A luminous, dusty teal — the color of glacier melt.
• Mocha (#A66F5B): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#7D5700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#344400): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Chestnut 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 Garden color palette (#F7F6E7, #819A65, #A36F72, #884D33, #3E3E36)
• Patina Meadow color palette (#EEF4EB, #51A78F, #BB6668, #61622F, #1D2616)
• Chestnut Boulevard color palette (#E2FEE7, #008690, #7F6200, #415200, #003237)
• Teal Pier color palette (#EBF8F9, #66BFA2, #CD8584, #807E43, #2C4243)
• Wandering Hollow color palette (#FEF1F5, #A989BE, #9A5A70, #803F1E, #4E4117)
• Washed Terracotta Canyon color palette (#FFF2ED, #A0A3CE, #816B9D, #81454A, #57404C)
• Dusty Thicket color palette (#F8F3F8, #DFD7D9, #B3ABA2, #6584AC, #584F58)
• Hushed Dune color palette (#ECF7FF, #79CEFA, #C7A8DD, #7AA685, #2F3F4B)

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