Smoked Loft color palette — #DFE9CA · #005C34 · #5A2F00 · #002612 · #030100
A conversation between Pine and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DFE9CA): A whisper-light, dusty green — the color of new leaves after rain.
- 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 Smoked 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
- Inked Garnet Balcony color palette (#EFEBC7, #425400, #74010B, #192200, #050000)
- Velvet Lagoon color palette (#E7F1E4, #4E6100, #31363D, #001916, #000201)
- Fern Hollow color palette (#D2EDDE, #00657E, #3D5200, #002F3C, #020300)
- Lowlit Grove color palette (#C5ECEC, #00613C, #6F0056, #002816, #11000B)
- Mulberry Boulevard color palette (#D8E8DD, #007F4D, #940071, #00351D, #040002)
- Dusty Lagoon color palette (#D9E2D3, #00A29C, #007D8A, #003E27, #000403)
- Smoked Aubergine color palette (#D1E5D6, #005663, #550081, #002329, #020006)
- Weathered Bronze Summit color palette (#DDEFDA, #00A79F, #967800, #00625D, #241B00)
Browse the whole catalog at Explore, or see today's palette.