Amber Canyon color palette — #FFF2E9 · #D4B994 · #BF7D55 · #865E51 · #3F3D36

Caramel and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sand (#D4B994): A luminous, dusty gold — the color of old brass.
• Caramel (#BF7D55): A luminous, balanced gold — the color of honey in a jar.
• Pewter (#865E51): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Corridor color palette (#F2E5DA, #C2AC76, #B36D2A, #814844, #32302A)
• Weathered Amber color palette (#FCF4E6, #B9C497, #A88C3D, #905B29, #3B4200)
• Linen Garnet color palette (#F4DFC8, #9C8D33, #855400, #6E1C00, #191700)
• Misty Amber color palette (#EFF8EC, #29B6A3, #C97837, #108072, #2A3725)
• Patina Cobalt color palette (#FAF2FB, #F4B399, #3F73B2, #503952, #261F27)
• Dusty Meadow color palette (#FAECD1, #627930, #524400, #381C00, #000501)
• Dusty Raspberry Courtyard color palette (#FEF1FA, #8290DB, #B15A8B, #2F6D28, #352530)
• Hushed Archive color palette (#EFE39D, #FFB798, #00D3F9, #2E4939, #222C26)

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