Cocoa Loft color palette — #FFF3E5 · #EDD5B3 · #CFB089 · #A68D74 · #5E4200

Built around Bronze, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#EDD5B3): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CFB089): A luminous, dusty gold — the color of old brass.
• Caramel (#A68D74): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Chestnut Veranda color palette (#F8F0E8, #C4BAA4, #9A7D5A, #784B3E, #2F2D18)
• Muted Veranda color palette (#EBFAEA, #46DBD8, #ABB3E3, #A49A72, #364135)
• Worn Workshop color palette (#FCEDCE, #D4CC6B, #BBA33C, #967C40, #37352F)
• Timeworn Stone color palette (#EFF8EF, #BCEBE2, #9CB79A, #8E707E, #32443A)
• Timeworn Lagoon color palette (#FAE7C6, #AF8A12, #8F6500, #6B4200, #0F0B00)
• Straw Villa color palette (#F2F7EE, #DBE5A8, #74AC99, #65725B, #282E23)
• Muted Harbor color palette (#EFF8F1, #9EEDFC, #7EBEF5, #5FBACB, #23312D)
• Denim Loft color palette (#DAFFF0, #BAE1FF, #92BDEE, #7A92C3, #3B477A)

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