Twilit Villa color palette — #DEEEFD · #004775 · #5D000D · #221E00 · #000907

Oxblood and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEEEFD): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004775): A deep, shadowed, balanced blue — the color of deep harbor water.
• Oxblood (#5D000D): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#221E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000907): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Garnet Courtyard color palette (#D1EAF1, #005356, #59004A, #291000, #020C00)
• Nightshade Veranda color palette (#E6F0FF, #1427BD, #4F1A00, #1B1F00, #00090E)
• Shadow Market color palette (#DBDDF2, #3F0083, #241600, #000D05, #040103)
• Washed Corridor color palette (#EAEFF6, #B1B9CB, #868BB0, #003F90, #18202A)
• Patina Petrol Thicket color palette (#D7EAE3, #0073B0, #6E4100, #4F2E00, #020600)
• Faded Alley color palette (#E9F0FF, #3B22F9, #633200, #213300, #001B22)
• Hushed Grape color palette (#E8E5F6, #8B079C, #4B3F00, #003027, #05152A)
• Tempered Ultramarine Lagoon color palette (#DAF6DF, #2856DC, #550088, #332000, #110E38)

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