Amber Canyon color palette — #FFF0EE · #F7A68E · #D18153 · #996224 · #504B45

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0EE): a clean, paper-quiet neutral.
• Melon (#F7A68E): A luminous, balanced orange — the color of toasted spice.
• Coral Clay (#D18153): A luminous, balanced orange — the color of autumn markets.
• Ochre (#996224): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#504B45): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, 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

• Softworn Driftwood color palette (#FFF3E8, #D5B897, #B38463, #8A5C4D, #403D36)
• Faded Amber color palette (#FFE4D0, #E3AC68, #AE8833, #7B6612, #4B4D1B)
• Patina Meadow color palette (#FFF3E8, #E9A774, #56B0DD, #B66B29, #104861)
• Frosted Coral Lagoon color palette (#FFD4E5, #F3A4B7, #D17676, #995041, #613823)
• Ancient Amber color palette (#FFF2F0, #FFD3C5, #E37A3A, #A16213, #4E3710)
• Hushed Bronze color palette (#FFD6D2, #E0928E, #B6632F, #754A00, #504713)
• Muted Tangerine color palette (#F6DDFF, #FFB6B1, #F7813A, #AC7F37, #2B523E)
• Timeworn Cocoa color palette (#FFF3E6, #DDDFC2, #A5D0B0, #C08E7A, #674600)

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