Onyx Canyon color palette — #FEF2ED · #CBA687 · #74413B · #4F1A15 · #2C1E17

A conversation between Espresso and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Camel (#CBA687): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#74413B): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#4F1A15): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2C1E17): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

One click turns Onyx 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

• Washed Chestnut color palette (#FAF4EF, #D6BB9B, #83511B, #522F11, #2B2617)
• Hushed Workshop color palette (#FFF3E4, #C89936, #604100, #352200, #151400)
• Softworn Drift color palette (#FDF1FA, #FFCA93, #C28275, #74596D, #291E26)
• Tempered Rust Bloom color palette (#FCF1FC, #CAC88D, #A8545D, #523753, #271E28)
• Worn Garden color palette (#FFF4DF, #B59153, #766B00, #005C4A, #403D36)
• Timeworn Canyon color palette (#E8DCC8, #A68843, #443300, #1E1400, #050600)
• Muted Veranda color palette (#F9F4EF, #DBDAD2, #C0C0B1, #A26329, #4F463D)
• Chestnut Boulevard color palette (#EBDFD2, #7D5600, #222F2F, #201000, #050200)

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