Amber Canyon color palette — #FFF0F8 · #F3D1CF · #C0D9BE · #D67E4C · #3F2C36

A conversation between Coral Clay and Oat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#F3D1CF): A whisper-light, dusty orange — the color of autumn markets.
• Oat (#C0D9BE): A whisper-light, dusty green — the color of new leaves after rain.
• Coral Clay (#D67E4C): A luminous, balanced orange — the color of sun-warmed clay.
• Espresso (#3F2C36): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Rust Pier color palette (#FDF1F8, #FAD2DE, #A3C8B2, #B95630, #3F2C38)
• Weathered Amber Grove color palette (#EBFAED, #C4E0DC, #D7D3A5, #C38E00, #28372A)
• Patina Blush color palette (#FAF1FE, #EDD1DB, #DEB4BF, #D67593, #3B2D40)
• Timeworn Marigold Alley color palette (#F0F7F1, #C9E1DE, #9FB2CB, #C69D4C, #364439)
• Ancient Amber color palette (#F5EADD, #C38200, #6E5511, #223C22, #110308)
• Quiet Mustard Ridge color palette (#FFF3E7, #FFD2BA, #FFB15E, #D3AA00, #3C2300)
• Hazy Marigold color palette (#FFDDE9, #EA9000, #829500, #00795E, #4B0008)
• Wandering Marigold color palette (#FFE0A9, #F89619, #B28700, #00814D, #3B2300)

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