Midnight Cocoa Loft color palette — #FBE1EC · #5E2E00 · #032B03 · #001322 · #060001
Built around Cocoa, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#FBE1EC): A whisper-light, dusty rose — the color of strawberry cream.
- Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#032B03): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001322): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Midnight Cocoa 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
- Obsidian Onyx Corridor color palette (#E1F2E3, #553C00, #002C1F, #100037, #060000)
- Velvet Garnet Atelier color palette (#EDE1EC, #6B0014, #332100, #00100F, #040007)
- Tempered Rust color palette (#F3DADD, #B14923, #553500, #1D1800, #000A03)
- Lowlit Terracotta Harbor color palette (#FEECCB, #9F2117, #3D2D00, #080056, #180600)
- Weathered Garnet color palette (#EEE1E9, #B4A4A9, #658973, #651900, #1C0E18)
- Fern Coast color palette (#D5EEE1, #5E5800, #005046, #002733, #010014)
- Peony Cabin color palette (#F2E3E9, #E3638D, #B45500, #404800, #160B00)
- Forest Pier color palette (#D6F3EF, #0C5007, #00343B, #2E0034, #090400)
Browse the whole catalog at Explore, or see today's palette.