Cocoa Loft color palette — #FFF2EB · #E2DBC3 · #BECD95 · #AB6B73 · #773F14

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E2DBC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#BECD95): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#AB6B73): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#773F14): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Ancient Driftwood color palette (#FFF1F1, #E2D8CE, #EBAD97, #996B9E, #5F3E38)
• Ash Station color palette (#FFF0FD, #DDFCDA, #C1D9A7, #BD88B0, #5E4C57)
• Celadon Station color palette (#FFEEE8, #DFDAC6, #BCD98D, #926A94, #332C28)
• Powdered Mint color palette (#FFF4E0, #C7EDCA, #79C977, #A06200, #4C4910)
• Misty Quarry color palette (#FFF4D7, #BBCF92, #6AB488, #855500, #303600)
• Hushed Alley color palette (#FAF5E9, #AFA78A, #827235, #6B4B12, #3E3D36)
• Brick Lantern color palette (#FFEFE1, #FBC76E, #ABB400, #BB2600, #553500)
• Antique Pine color palette (#F9F4ED, #C7AA72, #447F45, #7B5900, #23260E)

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