Nocturne Cocoa Loft color palette — #F2E0D5 · #672300 · #233800 · #0E0A04 · #020100

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2E0D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#672300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#233800): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#0E0A04): a grounded near-black with real depth.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne 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

• Midnight Corridor color palette (#FAEED8, #4A3A00, #28312B, #090A04, #010100)
• Garnet Atelier color palette (#F8E4DF, #730029, #1E1F16, #120802, #030100)
• Weathered Amber Chapel color palette (#FFF3E9, #DD6F00, #4A3903, #221003, #050100)
• Patina Bronze Lagoon color palette (#F7E4E0, #A55300, #5B3C00, #191100, #010100)
• Inked Chestnut color palette (#F6EAD6, #785B00, #283332, #0E1500, #020100)
• Ultramarine Alley color palette (#EBE1D3, #8D6100, #164BB3, #3B2600, #000108)
• Hushed Taupe color palette (#FDF4E2, #B19E40, #4A4900, #251D0D, #090401)
• Wandering Studio color palette (#E8F6C0, #758900, #00351B, #0E1819, #0A0700)

Browse the whole catalog at Explore, or see today's palette.