Midnight Garnet Villa color palette — #FFD9E1 · #990023 · #451700 · #1C0B00 · #040200

Garnet takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFD9E1): A whisper-light, dusty red — the color of embers at dusk.
• Garnet (#990023): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#451700): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1C0B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

One click turns Midnight Garnet 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

• Nocturne Cocoa color palette (#FDDED5, #773500, #3C2300, #171000, #010100)
• Obsidian Coast color palette (#F1E3EF, #880051, #570020, #290000, #030000)
• Smoked Cocoa Balcony color palette (#FDDEC9, #7E3100, #004159, #371100, #000103)
• Pale Scarlet Loft color palette (#FFDDDA, #DB1100, #6B1C00, #2E0E00, #030100)
• Muted Ember Terrace color palette (#F4D8D5, #DE5700, #804900, #452E00, #161200)
• Cellar Market color palette (#FFE7FB, #006A7B, #823B00, #0F0B04, #030100)
• Pale Study color palette (#F8DED0, #AB7A00, #4F7124, #5D1027, #030100)
• Lowlit Cocoa color palette (#FFEBE2, #622700, #003746, #18193D, #030100)

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