Weathered Cocoa Loft color palette — #F3EEE7 · #A8A59A · #878968 · #5C3F00 · #100700

Bronze takes the lead with Driftwood close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F3EEE7): bright and airy, almost weightless.
• Taupe (#A8A59A): soft and architectural.
• Driftwood (#878968): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#100700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Chestnut Studio color palette (#E6E1DA, #A0A68B, #848E74, #7D5E00, #0F0800)
• Garnet Delta color palette (#E9DFDB, #ADA39A, #91846E, #830E00, #150400)
• Softworn Courtyard color palette (#E4EFE4, #A6C2B4, #7B9993, #513600, #000200)
• Onyx Villa color palette (#E3EDE5, #8BA093, #57796A, #382800, #030C05)
• Muted Forest color palette (#E4E6DA, #B0B7AC, #829E86, #006518, #131600)
• Washed Bronze color palette (#F1EEE8, #D9D9C9, #B2BCA2, #817300, #332D1E)
• Weathered Garnet color palette (#E5E4CC, #468364, #00514A, #560604, #000803)
• Ember Grove color palette (#E7DDC8, #DB693A, #8C8000, #006A40, #020300)

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