Twilit Garnet color palette — #DCE9CD · #3A5700 · #710F00 · #152300 · #040000

Oxblood and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DCE9CD): A whisper-light, dusty green — the color of new leaves after rain.
• Deep Olive (#3A5700): A full-bodied, balanced green — the color of new leaves after rain.
• Oxblood (#710F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#152300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit Garnet 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

• Forest Harbor color palette (#D4F2E4, #005B40, #563200, #002518, #020100)
• Fern Market color palette (#DDE6D1, #5A5D00, #2D343B, #00190E, #000201)
• Ancient Canyon color palette (#DAF4EE, #315F00, #5E0080, #112700, #0D0015)
• Ancient Aubergine color palette (#E2E0C7, #66861F, #760082, #2D3F00, #0F0011)
• Emerald Studio color palette (#E7EDD3, #00A268, #007A67, #1B3900, #000201)
• Gentle Market color palette (#E3EED5, #00AB7A, #AE6A00, #006547, #2B1700)
• Frosted Aubergine Market color palette (#C3EFF3, #006870, #5D13A3, #003035, #05000F)
• Weathered Lapis Drift color palette (#D5E5CE, #007D6C, #4635CF, #004037, #050027)

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