Midnight Garden color palette — #FBE2ED · #713700 · #2E2B00 · #1E0027 · #040001
A conversation between Bronze and Ink, giving this palette its sense of nature and growth.
The five colors
- Blush (#FBE2ED): A whisper-light, dusty rose — the color of strawberry cream.
- Bronze (#713700): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#1E0027): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. 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
- Smoked Cocoa color palette (#EFDAE3, #703800, #2D2B00, #001509, #040001)
- Basalt Veranda color palette (#FFE9F0, #384639, #4E2E00, #12160F, #0B0500)
- Mulberry Lagoon color palette (#FCDED9, #890045, #232F00, #001529, #160009)
- Fern Drift color palette (#D2F3E8, #405100, #003226, #00131A, #020100)
- Chestnut Archive color palette (#E8E0D0, #795D00, #413600, #221F00, #060600)
- Chestnut Balcony color palette (#F1DDE5, #9A5200, #004547, #001822, #030005)
- Ember Grove color palette (#EBDAE1, #E15600, #9F5900, #5B4200, #020100)
- Tempered Cerulean Courtyard color palette (#DAF1EE, #3697B1, #00516A, #002B2F, #00050A)
Browse the whole catalog at Explore, or see today's palette.