Midnight Garden color palette — #FFE3DB · #894C00 · #4E3300 · #221900 · #030400
Coffee and Espresso set the tone — five colors that lean into optimism and sophistication.
The five colors
- Rose Water (#FFE3DB): A whisper-light, dusty orange — the color of toasted spice.
- Coffee (#894C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4E3300): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#221900): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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
- Chestnut Corridor color palette (#F9EDE0, #695100, #2C2E00, #091300, #000200)
- Aged Navy color palette (#CCE8D2, #735600, #004A88, #362700, #00030A)
- Faded Amber Coast color palette (#FBDFCF, #BE7600, #765700, #434000, #141E00)
- Brick Grove color palette (#FEE6EB, #B60025, #6B2400, #2B1400, #0B0500)
- Moss Harbor color palette (#F1E8DC, #A3AA00, #008C65, #6A2F00, #050500)
- Petrol Drift color palette (#FDE1DE, #0075AF, #815800, #00100C, #000200)
- Midnight Harbor color palette (#F1EADC, #5C4600, #002E9C, #1E008C, #020100)
- Gentle Moss color palette (#E7E1C9, #8E8F00, #3E6A00, #003D15, #001A10)
Browse the whole catalog at Explore, or see today's palette.