Amber Canyon color palette — #FFF1F2 · #FFC4AC · #D18200 · #7C5D00 · #373F00

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Wheat (#FFC4AC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D18200): A luminous, balanced gold — the color of old brass.
• Olive (#7C5D00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#373F00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Quiet Field color palette (#FFE7D9, #E27E0C, #9A5B00, #5C3A00, #301F00)
• Ancient Courtyard color palette (#FFF2EF, #FFB76A, #B18800, #545E00, #163004)
• Ember Harbor color palette (#FFF0FA, #FFAFB9, #FB5622, #934E00, #412D00)
• Misty Sunflower Meadow color palette (#FFF3E7, #EFCD5D, #C3813E, #874D44, #232C02)
• Bronze Hollow color palette (#FFEBD3, #8F7B00, #525D00, #00310E, #000302)
• Linen Sunflower Orchard color palette (#FFF3E7, #FCCC5A, #B0AF48, #5D8250, #3B3D36)
• Feathered Veranda color palette (#FFF3E5, #FFCC89, #55A6F0, #AA7000, #003055)
• Washed Coral color palette (#FFF3E7, #F6FCB2, #C9FFE7, #CF7881, #4B4011)

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