Twilit Villa color palette — #D5DEFC · #896600 · #1F0056 · #20111D · #050019

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

The five colors

• Powder Blue (#D5DEFC): A whisper-light, dusty violet — the color of wild irises.
• Ochre (#896600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#1F0056): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#20111D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#050019): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Charred Chestnut color palette (#EFEDFC, #785900, #25002D, #170605, #060008)
• Bronze Grove color palette (#E1DBEF, #896600, #391F19, #37002F, #0D000A)
• Airy Aubergine color palette (#DEE3FF, #B88A00, #4A0D88, #230345, #0B0B27)
• Softworn Amber Corridor color palette (#E2DAEC, #B08400, #5A1446, #2D0020, #0F0619)
• Soft Moss color palette (#FCE2F2, #768F1E, #2F2979, #0D003A, #050003)
• Antique Aubergine color palette (#E1DFEE, #AFA3BE, #89788E, #502057, #14111F)
• Muted Lantern color palette (#FCF1FD, #CBAA62, #783C42, #39263A, #24161B)
• Muted Aubergine color palette (#EFDEE6, #D77579, #5C42A6, #2F006C, #060003)

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