Onyx Canyon color palette — #F1E7ED · #A5949C · #8C6273 · #4D1700 · #13040D

A conversation between Espresso and Pewter, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F1E7ED): a clean, paper-quiet neutral.
• Heather (#A5949C): A luminous, dusty rose — the color of strawberry cream.
• Pewter (#8C6273): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#4D1700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#13040D): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Hushed Onyx Veranda color palette (#EAE2E8, #9B878F, #577360, #520900, #040003)
• Onyx Delta color palette (#DBE4DD, #8F9E95, #537A6A, #372900, #000D04)
• Washed Garnet Balcony color palette (#F5E9E3, #B1A193, #92846C, #772515, #140500)
• Tempered Delta color palette (#F7EAF4, #AD9B99, #759A99, #A23E32, #10050E)
• Chestnut Workshop color palette (#F6EBEF, #C3D1C2, #8DA992, #7B4600, #37292F)
• Cocoa Basin color palette (#E9F2EB, #AABFB2, #6F9986, #574100, #122417)
• Quiet Rust color palette (#EFDBE2, #D44E00, #915300, #523A00, #040100)
• Cocoa Alley color palette (#CEE8D2, #6E3B00, #302100, #001206, #070200)

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