Cocoa Loft color palette — #FFF2EC · #DFDBCD · #ABC9AC · #AF747B · #794314

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Pistachio (#ABC9AC): A luminous, dusty green — the color of fresh herbs.
• Mocha (#AF747B): A luminous, dusty red — the color of late-summer berries.
• Bronze (#794314): A full-bodied, balanced gold — the color of old brass.

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

• Ash Ridge color palette (#FFF1F1, #E2D9D0, #AEBFCC, #A683A9, #5A4743)
• Muted Basalt Coast color palette (#FFEEE7, #DEDDC6, #A7DCB8, #AA7D82, #562900)
• Washed Market color palette (#FCF5DE, #CFE1C8, #96D9B6, #95723B, #4A4942)
• Rust Grove color palette (#FFF3E7, #DDE6BE, #B4C06F, #AF482B, #614219)
• Bronze Parlor color palette (#FBF5E6, #C0B899, #987C36, #705A31, #4F4A00)
• Soft Lantern color palette (#FDEBD6, #CEC594, #83A65C, #A14202, #453302)
• Bronze Dune color palette (#F8F5EF, #D2BD99, #528D5C, #886800, #2D2F28)
• Lagoon Hollow color palette (#EDEADC, #82AA7D, #00987B, #503D00, #0D1F00)

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