Twilit Canyon color palette — #CAE7D0 · #A2050C · #3C2C00 · #000844 · #040100

Garnet and Deep Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Celadon Mist (#CAE7D0): A whisper-light, dusty teal — the color of shallow lagoons.
• Garnet (#A2050C): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#3C2C00): A deep, shadowed, dusty gold — the color of old brass.
• Deep Indigo (#000844): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged retro, dark.

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

• Onyx Veranda color palette (#D5E6D4, #7C4600, #293400, #160040, #030100)
• Moonless Terrace color palette (#EBD8EB, #8B002B, #003408, #09003E, #030005)
• Shadow Mulberry color palette (#D9F3E4, #9B0056, #4A2200, #001721, #060000)
• Hushed Scarlet color palette (#E8E1CD, #D02100, #5C4800, #002B58, #170600)
• Washed Corridor color palette (#F7E8CB, #AB6100, #563E00, #002210, #020100)
• Softworn Basin color palette (#FAD7D4, #825E2E, #434C00, #1E1D44, #100325)
• Linen Orchard color palette (#F5D5E3, #FD275E, #A25600, #4B5600, #040100)
• Misty Corridor color palette (#DCF5E1, #686E00, #0E4200, #3A012A, #030300)

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