Twilit Canyon color palette — #D3EBD0 · #B42300 · #343400 · #0A0033 · #030100

A conversation between Brick and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#D3EBD0): A whisper-light, dusty green — the color of a quiet forest floor.
• Brick (#B42300): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#343400): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#0A0033): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Chestnut Grove color palette (#FEDFEC, #994A00, #243900, #12002C, #020100)
• Plum Loft color palette (#D9EEE1, #B01464, #462B00, #000C20, #050000)
• Midnight Corridor color palette (#F0E0ED, #A10213, #003238, #0D001D, #060000)
• Hushed Bronze Workshop color palette (#F8ECD3, #AD6700, #625C00, #00405B, #060300)
• Fern Veranda color palette (#EED8F4, #AA7658, #3E5500, #3D0B37, #070006)
• Ancient Olive Quarry color palette (#F0D7EF, #807A00, #004E46, #35002A, #000200)
• Blush Bloom color palette (#DFF8E1, #FF707B, #AB7300, #007125, #020100)
• Frosted Aubergine color palette (#FFE6F5, #AD8200, #006543, #440159, #040400)

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