Midnight Loft color palette — #DCE2CD · #005C34 · #5A2F00 · #002612 · #030100
Pine and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DCE2CD): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#005C34): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#002612): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Loft 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
- Velvet Ridge color palette (#CFE8D5, #00575F, #3E3E00, #002328, #010100)
- Midnight Fern Canyon color palette (#E1F0DD, #506000, #31363D, #001916, #000201)
- Moonless Courtyard color palette (#D3EFE9, #00594F, #2F1C98, #00251F, #01000A)
- Faded Mulberry Meadow color palette (#CAF6F6, #00613F, #6F0055, #002818, #11000B)
- Misty Terrace color palette (#D9E4C6, #007F54, #910F72, #003520, #040002)
- Lagoon Cabin color palette (#D9E4D3, #009E9A, #007984, #003E29, #010300)
- Softworn Fern color palette (#E0F5E3, #007A82, #605A00, #003E43, #090800)
- Hushed Aubergine color palette (#DDF2E8, #006486, #79007B, #002E40, #080008)
Browse the whole catalog at Explore, or see today's palette.