Cocoa Loft color palette — #FFF4E2 · #D5958A · #90704C · #256467 · #6D3706

A conversation between Bronze and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D5958A): A luminous, dusty orange — the color of autumn markets.
• Walnut (#90704C): A full-bodied, dusty gold — the color of old brass.
• Peacock (#256467): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#6D3706): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Ash Harbor color palette (#FEF4E4, #CA94B5, #9A6866, #376544, #58413F)
• Taupe Studio color palette (#FFF2EB, #C78471, #65784C, #055D70, #5A3643)
• Timeworn Denim color palette (#F9F1E3, #C99CB5, #9D6C42, #315188, #3C251F)
• Weathered Taupe color palette (#FFF2EC, #D5C2AE, #9B927A, #65776D, #544956)
• Softworn Amber color palette (#FFF4E2, #D66800, #745D00, #004D61, #4E2D00)
• Softworn Stone Quarry color palette (#EBF9EE, #FFBEB2, #D2A570, #57989C, #56404D)
• Fern Delta color palette (#F5F6EC, #B8C7A6, #74886D, #76605B, #3F5614)
• Softworn Basin color palette (#EDDCC1, #AB6300, #564E00, #00384F, #322000)

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