Amber Canyon color palette — #FFF2EE · #FFBFF1 · #FF9F99 · #C68F00 · #39322E

Mustard takes the lead with Melon close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Thistle (#FFBFF1): A whisper-light, balanced pink — the color of peonies in June.
• Melon (#FF9F99): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C68F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#39322E): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Balance. Tagged candy, vibrant, light.

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

• Washed Mustard Ridge color palette (#FFF0FD, #F9CEE7, #FFB6AF, #D4AC3C, #4C2912)
• Soft Cabin color palette (#FFF3E9, #FFC8D2, #FFA261, #9AA200, #492D02)
• Linen Mallow Delta color palette (#FFF1F1, #E0C7FF, #FF8FD6, #DD793B, #4A212D)
• Weathered Corridor color palette (#FFDBDB, #D8AF9F, #AF905A, #3F6A8C, #593D52)
• Hushed Amber Courtyard color palette (#FFF0FD, #E8D8D7, #D6C197, #DD8A0B, #3A1008)
• Coral Delta color palette (#FFF0FE, #FFA1BF, #F9666A, #B06441, #50231F)
• Misty Bronze color palette (#FDD5D4, #F7906D, #BD6100, #7B5300, #483D00)
• Faded Mustard color palette (#FFF4E0, #FFC8B1, #DEBF00, #00B97C, #3B3B00)

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