Cocoa Loft color palette — #FFE5D6 · #8A2F00 · #144C00 · #3C1000 · #010800

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

The five colors

• Rose Water (#FFE5D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#8A2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#144C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Espresso (#3C1000): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#010800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Weathered Chestnut color palette (#FAECDA, #6E4800, #004A3A, #2F1C00, #000805)
• Velvet Orchard color palette (#F4DBCB, #632F00, #2E3900, #45002D, #040100)
• Midnight Corridor color palette (#FCDBCB, #8B1D00, #00415B, #3D0700, #000103)
• Mulberry Study color palette (#FFE7E5, #930057, #4C3C00, #410023, #090500)
• Powdered Veranda color palette (#FFEBDB, #7B3E00, #610576, #351700, #0E0013)
• Mulberry Courtyard color palette (#E8E5D5, #6E5F00, #8D0043, #342C00, #25000D)
• Muted Lantern color palette (#F7EFE0, #866900, #00685F, #483700, #00201D)
• Bronze Terrace color palette (#F6DFD1, #C08F59, #8B6A15, #5A1D00, #130700)

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