Lowlit Cocoa color palette — #FCE6F3 · #7D2D00 · #352800 · #071900 · #15000C

A conversation between Rust and Espresso, giving this palette its sense of nature and growth.

The five colors

• Blush (#FCE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#7D2D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#352800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#071900): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#15000C): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Lowlit Cocoa 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 Cocoa color palette (#D7EFD8, #634300, #232F00, #001911, #170002)
• Twilit Quarry color palette (#F1D9EC, #8D030C, #272E00, #001317, #020007)
• Garnet Bloom color palette (#FFEBE4, #736518, #632100, #342716, #120500)
• Inked Mulberry color palette (#F3E4FF, #860056, #4B1600, #191300, #0E001B)
• Muted Rose Ridge color palette (#F9E2F1, #FD2957, #CD3700, #6F3B00, #1A0400)
• Patina Bronze Quarry color palette (#FFECE2, #A35F00, #5D450C, #0F3915, #00271B)
• Patina Brick color palette (#F9DBCE, #BA1E20, #3F4C00, #002C34, #0E001C)
• Airy Ember color palette (#F0E2EA, #D35209, #A73D00, #004C5A, #150200)

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