Ancient Canyon color palette — #FDF1F7 · #E4DAD3 · #9F798C · #553F4A · #20191C

A conversation between Heather and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Bone (#E4DAD3): bright and airy, almost weightless.
• Heather (#9F798C): A luminous, dusty rose — the color of strawberry cream.
• Cocoa (#553F4A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#20191C): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Weathered Studio color palette (#FFF2EF, #EADCB9, #9D6271, #502D28, #170C0A)
• Antique Hollow color palette (#EBF9F4, #B4E0EC, #618BAD, #2C4E44, #141E1B)
• Hushed Ash color palette (#FAF2F7, #F3DAB4, #B890A9, #7F6374, #32282E)
• Weathered Mallow Cabin color palette (#FFF0FE, #E8D5D8, #E29DBF, #A06377, #5D2630)
• Powder Station color palette (#FFF0F8, #C1B9FF, #D49DA5, #4E8D97, #3C2C35)
• Aged Denim color palette (#FCF2F8, #CAC09E, #525A87, #4A2E42, #2E2223)
• Bronze Balcony color palette (#FFF2EA, #FFCAEC, #CB8E9E, #94682C, #4F3838)
• Dusty Pewter Bloom color palette (#FFF1F3, #FFCBB9, #8C5094, #411E46, #140205)

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