Twilit Canyon color palette — #EFDBEB · #896600 · #231E09 · #3E0101 · #100000

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

The five colors

• Shell Pink (#EFDBEB): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#896600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#231E09): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#3E0101): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#100000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

One click turns Twilit 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 Bronze color palette (#F9DECA, #956100, #493B00, #1A1B00, #000B04)
• Pale Amber Lantern color palette (#FADAEE, #B88A00, #691E00, #340A00, #100600)
• Rust Study color palette (#F2E0EB, #AE4000, #353600, #461400, #000201)
• Soft Meadow color palette (#F6DDD7, #7D8D00, #6C0028, #250009, #060000)
• Chestnut Summit color palette (#D8EFDD, #7A4C00, #323200, #001B2C, #110A00)
• Terracotta Lantern color palette (#F4E4DB, #D28000, #9B2B09, #4D0E00, #050100)
• Timeworn Basalt color palette (#F0E3E8, #9FAEA1, #668876, #532D00, #210C15)
• Worn Chestnut color palette (#FDF1F7, #A5CCAD, #7E5239, #4C2D3E, #2E2222)

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