Amber Canyon color palette — #FFF1F6 · #D38C3E · #354C40 · #2A181F · #080407

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D38C3E): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#354C40): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#2A181F): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#080407): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Ancient Ridge color palette (#FFEFFF, #DE7D84, #573D4A, #241A24, #070409)
• Mustard Quarry color palette (#E9FAF0, #C1AF55, #425A55, #222E27, #150D0F)
• Apricot Orchard color palette (#F1E2D3, #D99C58, #8F6826, #683F00, #1F160F)
• Antique Lantern color palette (#FDE7EE, #A36504, #193920, #201116, #090507)
• Aged Moss color palette (#D9FFF2, #879E00, #14472B, #001B13, #000201)
• Mustard Harbor color palette (#E1FDEF, #C2BF72, #9FA4E3, #9388C3, #133225)
• Charred Cocoa Courtyard color palette (#D4E5D4, #684500, #2F2F28, #0A181A, #060600)
• Timeworn Taupe color palette (#EDF9EF, #B4E9EC, #87A883, #7F6E8F, #223F35)

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