Midnight Garden color palette — #F5E3F2 · #877A00 · #550105 · #180001 · #030003

Olive Leaf takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F5E3F2): A whisper-light, dusty pink — the color of neon signs at night.
• Olive Leaf (#877A00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#550105): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#180001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Weathered Bronze Balcony color palette (#F7E4EB, #927500, #485202, #402100, #100500)
• Obsidian Olive color palette (#E2DDEB, #6F8300, #4B0041, #140010, #020007)
• Airy Garnet Bloom color palette (#FDE2D7, #A79300, #850115, #390105, #070100)
• Midnight Chestnut Harbor color palette (#D6E5DA, #715200, #342B31, #1B1300, #020100)
• Tempered Market color palette (#FDEADF, #D7913D, #6A1E00, #151B15, #140200)
• Rust Pier color palette (#F8E7F3, #C34D31, #304E00, #651300, #000201)
• Cocoa Thicket color palette (#EDE0E5, #A7B8AD, #73968B, #633800, #14060B)
• Wandering Amber color palette (#D2E5DD, #B8821A, #393C00, #121400, #000201)

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