Twilit Canyon color palette — #D4E5D6 · #7F5C00 · #1A2C02 · #07180B · #100606

Built around Ochre, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D4E5D6): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#7F5C00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#1A2C02): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#07180B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#100606): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Eclipse Meadow color palette (#CBE7DF, #477100, #002D26, #001814, #000605)
• Moonless Chestnut Chapel color palette (#FCE7F1, #9B4700, #2D2600, #1E0D17, #080305)
• Patina Bronze Study color palette (#D0E9D5, #A17A00, #22483A, #16261A, #140A0E)
• Amber Summit color palette (#EBE1D1, #C39200, #6E6213, #403C35, #140B04)
• Charred Study color palette (#C8EADC, #62565F, #373E00, #191E25, #000C05)
• Hazy Aubergine Delta color palette (#C4F0E3, #759B31, #743B9B, #74115D, #00342A)
• Patina Workshop color palette (#E8FAEF, #84A776, #00745B, #5D3F5D, #1D3C37)
• Misty Orchard color palette (#F5E7D8, #BA9C16, #6F7500, #2B5400, #134532)

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