Twilit Loft color palette — #D9EFDA · #7E7339 · #513600 · #220B00 · #010100

Walnut takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D9EFDA): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#7E7339): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#220B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Driftwood Boulevard color palette (#DCEBDB, #978542, #6A4400, #3B1400, #010100)
• Garnet Alley color palette (#F7E0EE, #96663C, #6A1F00, #2B0009, #020100)
• Dusty Bronze Drift color palette (#E1FDED, #ABBB80, #857724, #613E00, #011801)
• Sunlit Basin color palette (#FCDAEB, #BC9158, #964500, #63000B, #050400)
• Bronze Atelier color palette (#D7EEF6, #B65E32, #002022, #080C11, #000202)
• Sunlit Aubergine Orchard color palette (#CDE3E9, #008C8C, #460096, #003232, #01000A)
• Aubergine Summit color palette (#DDF1FF, #005571, #650064, #2B0F00, #000102)
• Magenta Corridor color palette (#FFE8E4, #D21BC5, #00866E, #050C0D, #000102)

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