Cocoa Loft color palette — #F8F3FC · #C0AC82 · #713E56 · #491C32 · #261E2C

Built around Cocoa, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F8F3FC): a clean, paper-quiet neutral.
• Camel (#C0AC82): A luminous, dusty gold — the color of old brass.
• Cocoa (#713E56): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#491C32): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#261E2C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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 Mulberry color palette (#F3F0FA, #8BC393, #723F6F, #391938, #0E0A17)
• Dusty Coast color palette (#F9F3F8, #ABC9B1, #824D4A, #542B28, #30282F)
• Tempered Marigold Canyon color palette (#FFF0F8, #C59B39, #772F00, #431700, #2A1120)
• Worn Workshop color palette (#FFF1F0, #F2D18A, #BB819B, #795A58, #2A1E1E)
• Antique Corridor color palette (#E7FCEB, #CA8272, #8F5E06, #00595F, #4E3442)
• Mulberry Station color palette (#F9F2FB, #DA9AA8, #966213, #A91E52, #192918)
• Soft Cabin color palette (#EEDFEF, #B88A00, #720025, #39000E, #160400)
• Weathered Bronze Grove color palette (#F9F3F8, #E0D7D8, #CCBAB8, #A15F59, #4F444D)

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