Cocoa Loft color palette — #D0EBD1 · #7B2F00 · #361D00 · #031200 · #080200

Rust and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Celadon Mist (#D0EBD1): A whisper-light, dusty green — the color of new leaves after rain.
• Rust (#7B2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#361D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#031200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Cocoa Courtyard color palette (#DCF3E4, #5C4700, #252600, #00110E, #010300)
• Eclipse Garnet Study color palette (#F9D2DF, #8F0110, #3E1600, #0C1000, #0C0100)
• Feathered Plum Loft color palette (#F0EBD1, #B90044, #573400, #002235, #0C0100)
• Tempered Meadow color palette (#F2D5E7, #F0283D, #AE3900, #5D3400, #080200)
• Worn Chestnut Thicket color palette (#DDF3E3, #825F00, #433F00, #002C24, #1D1500)
• Weathered Raspberry Chapel color palette (#D0E7DB, #BF4783, #7E4D00, #003E63, #0D0001)
• Antique Bronze Grove color palette (#CAE7D0, #A96400, #614900, #003E24, #341F00)
• Moonless Forest color palette (#C7E8E6, #0F6E4A, #003427, #221300, #000803)

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