Amber Canyon color palette — #FFF2EE · #E69E8D · #C07831 · #7B601D · #50534C

A conversation between Mustard and Melon, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#E69E8D): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C07831): A luminous, balanced gold — the color of old brass.
• Olive (#7B601D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#50534C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged muted.

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

• Aged Apricot Pier color palette (#FDDAF3, #EC9E77, #B57C42, #6E522D, #243D2C)
• Apricot Field color palette (#FFF1EA, #FCB288, #D0955E, #8E7049, #54504A)
• Timeworn Azure color palette (#FBF4EB, #CBAA75, #48A3D4, #8E6C2E, #365449)
• Dusty Villa color palette (#FFF1F3, #E3A2C4, #BE6268, #8F523C, #504A45)
• Tempered Bronze color palette (#FFF3E2, #DDC58F, #A47629, #614A05, #39352F)
• Dusty Grove color palette (#FDE0D9, #E68400, #8E6700, #554E00, #294813)
• Tempered Chestnut color palette (#FDF3EB, #B5FCFC, #C6E0CE, #B48385, #6D4C00)
• Aged Iris color palette (#FFF3E8, #C78855, #7384CF, #7D639D, #47413C)

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