Twilit Villa color palette — #F2DEEB · #474BA4 · #500031 · #170060 · #040000

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

The five colors

• Rose Water (#F2DEEB): A whisper-light, dusty pink — the color of neon signs at night.
• Indigo (#474BA4): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#500031): A deep, shadowed, balanced rose — the color of a warm blush.
• Deep Indigo (#170060): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Depth, Luxury. Tagged duotone, 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

• Inked Alley color palette (#FDE6ED, #6F3C93, #540019, #2F0047, #040000)
• Midnight Aubergine color palette (#D0E4DE, #005C94, #46004F, #002038, #030004)
• Ancient Nightshade Pier color palette (#E1E6F3, #5F67D0, #7F004B, #2C00A0, #060002)
• Dusty Aubergine color palette (#F2E8EC, #9B878C, #846062, #340F60, #040002)
• Tempered Field color palette (#DAEAE6, #287FC6, #682200, #002D4F, #030000)
• Lowlit Aubergine Meadow color palette (#FBE8F4, #310091, #291500, #020A00, #000103)
• Faded Boulevard color palette (#F6E4E7, #9D59AA, #762500, #580066, #030100)
• Plum Atelier color palette (#F1DDDD, #AD2384, #502C00, #4E0039, #020100)

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