Softworn Canyon color palette — #F4D9DC · #E4656F · #DF1D38 · #9E1400 · #370A00

A conversation between Crimson and Garnet, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F4D9DC): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#E4656F): A luminous, balanced red — the color of a theater curtain.
• Crimson (#DF1D38): A full-bodied, vivid orange — the color of autumn markets.
• Garnet (#9E1400): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#370A00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Soft Courtyard color palette (#FFE8F2, #DD6A91, #DD2264, #A70037, #46000C)
• Linen Hollow color palette (#FFE9E5, #EC7358, #D24B00, #923D00, #351700)
• Muted Brick Lantern color palette (#FAD9EB, #D35278, #BE0032, #752900, #2C1500)
• Ancient Rust Archive color palette (#F6D9ED, #E9755A, #6AA200, #C82F00, #112000)
• Feathered Ember color palette (#F5DBD1, #F19169, #D95A00, #8D3700, #130300)
• Weathered Ember Coast color palette (#FFE6F6, #EEBE9F, #E5A95D, #DE5A4A, #391700)
• Airy Byzantium color palette (#FAE7F7, #E95046, #9C8000, #B510CD, #2A0001)
• Amber Boulevard color palette (#FFE9E1, #FF8C40, #DE7400, #9E5A00, #4A2E00)

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