Cocoa Loft color palette — #FBF4E6 · #A79A74 · #61682A · #6F3C11 · #38352F

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

The five colors

• Cream (#FBF4E6): bright and airy, almost weightless.
• Taupe (#A79A74): A luminous, dusty green — the color of fresh herbs.
• Olive (#61682A): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#6F3C11): A full-bodied, balanced gold — the color of old brass.
• Espresso (#38352F): quiet, heavy and certain.

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

• Weathered Quarry color palette (#F9F1E2, #9DA675, #347531, #62393A, #211C03)
• Aged Station color palette (#FCF5DF, #9DAA76, #50771B, #555400, #354005)
• Ancient Moss color palette (#F3EFDF, #929340, #008994, #5B5A00, #003D43)
• Frosted Jade Workshop color palette (#EBEFD0, #58A56F, #006C48, #4B4400, #003918)
• Dusty Delta color palette (#EEE5C2, #7E8000, #007F6B, #953B00, #352A01)
• Tempered Fern color palette (#EDE8D9, #75813C, #354E00, #442700, #191D00)
• Washed Chestnut color palette (#F4F6EF, #BAC6A8, #5A8D7D, #766518, #415611)
• Worn Emerald color palette (#ECF9EF, #B1BB7E, #4C9444, #6B5B7C, #193D31)

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