Amber Canyon color palette — #EADCD4 · #D77900 · #7F5300 · #584200 · #3C3400

Mustard and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EADCD4): bright and airy, almost weightless.
• Mustard (#D77900): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7F5300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#584200): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3C3400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Amber 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

• Linen Harbor color palette (#FFE7E3, #FD6E0F, #A56A00, #675600, #263F00)
• Patina Amber Veranda color palette (#F6DAA9, #A68C00, #775400, #593100, #2A2B00)
• Ember Canyon color palette (#F3DDDC, #F43F2E, #9A4000, #653400, #362E00)
• Feathered Sapphire color palette (#FAE1BB, #A97C00, #3F5AF0, #654900, #131482)
• Mustard Terrace color palette (#F3E9D6, #C3A600, #757400, #425500, #00422C)
• Antique Orchard color palette (#FFF3E7, #DAB180, #9A7F3A, #6D6731, #405818)
• Powdered Villa color palette (#E8E3CD, #919000, #506B00, #1C4A00, #00342E)
• Weathered Clover Terrace color palette (#FFF5D9, #CCD983, #4BC46D, #8A5600, #383600)

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