Cocoa Loft color palette — #D8F1D7 · #7F713B · #5D3C00 · #3C1500 · #050600

Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D8F1D7): A whisper-light, dusty green — the color of fresh herbs.
• Walnut (#7F713B): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#5D3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C1500): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#050600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Twilit Fern Boulevard color palette (#D8F8E3, #5D6826, #413500, #251300, #000200)
• Ancient Chestnut Station color palette (#DEEADF, #90884E, #704E00, #4E2400, #0B1100)
• Ancient Cocoa color palette (#F9DCEE, #9B632C, #752500, #480013, #090400)
• Charred Chestnut Field color palette (#F4D6E3, #694C13, #412000, #230200, #010100)
• Misty Bronze color palette (#FFDFE9, #AF9F6E, #945D02, #722900, #1C1E00)
• Bronze Bloom color palette (#D5E9F0, #B25E2F, #52524A, #003132, #000A0A)
• Aubergine Grove color palette (#DAECF1, #008B85, #4E00A9, #003F3D, #020008)
• Softworn Lagoon color palette (#FAEEF4, #CFB2BB, #9B768A, #7B4746, #203026)

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