Twilit Cocoa Loft color palette — #F9DDED · #93692E · #652500 · #2A000A · #010100

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F9DDED): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#93692E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#652500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2A000A): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Lowlit Loft color palette (#D3EED4, #7A752C, #513600, #250800, #000200)
• Airy Grove color palette (#FFE3F4, #AB7B41, #842D00, #450019, #020100)
• Charred Drift color palette (#F5DBCA, #7B4E00, #4D1900, #28000A, #040300)
• Garnet Lantern color palette (#FFF1F5, #C1B27C, #A06826, #77291B, #0E1500)
• Chestnut Parlor color palette (#D5ECDB, #96A161, #775B00, #4F2400, #000600)
• Velvet Pier color palette (#D5E8F9, #B65D45, #001D33, #0A0C14, #000103)
• Washed Pier color palette (#D8E8F1, #0088A3, #740023, #00313C, #030004)
• Softworn Garden color palette (#F4F0E1, #C96000, #00828D, #070C10, #000102)

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