Amber Canyon color palette — #FDF3EA · #E18B00 · #6F6600 · #794900 · #251C00

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Mustard (#E18B00): A luminous, balanced gold — the color of old brass.
• Olive (#6F6600): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#794900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#251C00): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Chalky Pine color palette (#FBF5E3, #B2A509, #147A14, #5F5700, #1D1F00)
• Hazy Brick Pier color palette (#FFF2ED, #EB7C79, #935100, #A30020, #2D1700)
• Timeworn Field color palette (#F2EADE, #B07E00, #435800, #563C00, #100E00)
• Tangerine Canyon color palette (#FFEEE4, #FF7C3D, #008047, #963A00, #070B00)
• Sunlit Moss Station color palette (#FFF4DC, #A18C00, #586900, #00504E, #3A3700)
• Mustard Bloom color palette (#FFE291, #B4A400, #727800, #3E4F00, #1F3D00)
• Bronze Alley color palette (#F9F4EE, #D9DDC9, #C8BB96, #886300, #563A00)
• Emerald Quarry color palette (#FFF0F8, #FF9F6D, #369F38, #BE5300, #022320)

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