Twilit Cocoa Villa color palette — #F7E7DD · #652400 · #00251A · #01002B · #00000C

Rust and Ink set the tone — five colors that lean into optimism and creativity.

The five colors

• Rose Water (#F7E7DD): A whisper-light, dusty gold — the color of old brass.
• Rust (#652400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#00251A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#01002B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

One click turns Twilit Cocoa 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 Basalt Market color palette (#F5EFE1, #483A00, #00222E, #10001A, #030004)
• Eclipse Garnet color palette (#F8D7D1, #710035, #2A1E24, #1A2200, #000913)
• Smoked Courtyard color palette (#F9DFEA, #854500, #134400, #001F28, #030009)
• Antique Cerulean Parlor color palette (#F3E7DF, #0086A4, #003F64, #00201C, #00000C)
• Onyx Lantern color palette (#F4E8D2, #6B5600, #003C52, #240046, #0B0005)
• Moonless Fern color palette (#ECE2D2, #545F00, #033405, #270519, #020100)
• Patina Workshop color palette (#F4E6D6, #E4005C, #8A4D00, #364300, #020100)
• Muted Aubergine color palette (#ECDBCB, #995A00, #00524D, #2C0E61, #0E002A)

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