Twilit Villa color palette — #ECE0ED · #004B93 · #483A00 · #001D41 · #020100

Indigo and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#ECE0ED): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#004B93): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#483A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#001D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.

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

• Moonless Cocoa color palette (#DCEDE4, #00546C, #5A2F00, #00222E, #030100)
• Cellar Nightshade Lantern color palette (#ECD8E9, #1C45AF, #543800, #000A68, #0A0500)
• Aubergine Station color palette (#F8DEE6, #622C8B, #423D00, #2E0049, #010100)
• Nightshade Study color palette (#FFE5F7, #292591, #3F2E00, #1B2001, #01000A)
• Pale Market color palette (#E0EEFF, #0065CD, #6A5600, #003573, #080500)
• Tempered Plum Chapel color palette (#ECDBEC, #9580B2, #A5405F, #003843, #03000D)
• Misty Grape color palette (#DCF7E2, #546700, #6600C1, #1C080F, #040002)
• Tempered Loft color palette (#FEE2EA, #864EA6, #4C6200, #520071, #060900)

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