Cocoa Loft color palette — #FFF3E6 · #FFBDB5 · #D7A082 · #938D66 · #6F3510

A conversation between Bronze and Camel, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Rose Quartz (#FFBDB5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#D7A082): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#938D66): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#6F3510): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, 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

• Mallow Canyon color palette (#FFF2EA, #FFB6E3, #D59CA9, #A18765, #584140)
• Washed Pier color palette (#FEF5DD, #F6A0BD, #B58767, #507966, #55433D)
• Weathered Apricot Corridor color palette (#FCEFE8, #FF967C, #A66C40, #7E421F, #27201D)
• Softworn Fern Meadow color palette (#FFF2EB, #E7DCB6, #D3BDA1, #9B9D8B, #43540C)
• Sunlit Amber Pier color palette (#FFF3E3, #FFA87A, #D78A00, #498D43, #512A05)
• Honey Corridor color palette (#FFF4DF, #ECC24E, #A7AA60, #548E84, #403D36)
• Powder Loft color palette (#F4F6EE, #C1E0F5, #BCBCE7, #81AD9B, #5D4C5B)
• Ancient Denim color palette (#F8F1DF, #C09FC0, #9E6A55, #23567D, #3B2524)

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