Midnight Courtyard color palette — #E1F2E2 · #7F5700 · #23241B · #151300 · #000200

Coffee and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#E1F2E2): A whisper-light, dusty green — the color of fresh herbs.
• Coffee (#7F5700): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#23241B): a grounded near-black with real depth.
• Ink (#151300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Fern Pier color palette (#D4E7E1, #4E6B00, #27272F, #001806, #010100)
• Charred Chestnut Study color palette (#F7DCE6, #8D4D00, #4A4400, #1A1100, #040001)
• Fern Market color palette (#C7EBD6, #594E00, #534951, #121A16, #040700)
• Faded Amber Balcony color palette (#EEE3D2, #AF8D00, #696200, #2D3300, #081700)
• Patina Olive Quarry color palette (#D6F7E8, #828400, #143400, #1B2128, #080800)
• Hushed Stone Pier color palette (#E7FAF4, #A5B77A, #405A58, #1C302A, #09120D)
• Tempered Pine Studio color palette (#E9FAF0, #98AB6A, #297215, #662216, #060900)
• Wandering Emerald color palette (#DCFDF9, #1DAF2E, #004735, #011C02, #000201)

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