Cocoa Loft color palette — #FFF2EC · #EED7BD · #EAA596 · #AC766A · #602700

Rust takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#EED7BD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#EAA596): A luminous, balanced orange — the color of toasted spice.
• Mocha (#AC766A): A luminous, dusty orange — the color of autumn markets.
• Rust (#602700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Timeworn Boulevard color palette (#FFF3E7, #FFDDB5, #E6B07D, #A8855F, #3A352F)
• Softworn Mallow color palette (#FFF1F0, #FFD5EA, #E9A5C1, #A77B96, #4C2A28)
• Patina Stone Bloom color palette (#FFF0F9, #E6DCD4, #E2A391, #945F4C, #422439)
• Cocoa Ridge color palette (#FFEBF8, #E5BED8, #B1705C, #7B3923, #350C01)
• Tangerine Atelier color palette (#FFF3E9, #FFC69B, #F48313, #AC6000, #381B00)
• Washed Marigold color palette (#FFF3E7, #FEAF5E, #9CB6EE, #AF8DAA, #423C37)
• Seafoam Workshop color palette (#F2DAFF, #40FDD7, #FFC2C1, #7C6962, #3C322F)
• Washed Atelier color palette (#FBF4ED, #FFD5AE, #69CDB0, #CFA074, #2A3025)

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