Cocoa Loft color palette — #F5D5D7 · #D097AD · #96666A · #664200 · #382700

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

The five colors

• Shell Pink (#F5D5D7): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#D097AD): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#96666A): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#664200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#382700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Worn Field color palette (#EBDCD6, #BE9A85, #957155, #424F2A, #2B2D11)
• Washed Basin color palette (#FAD4F9, #C6B3DB, #9B84A4, #885F6D, #2D4B35)
• Petal Workshop color palette (#FFF0F9, #E9BDE3, #C59395, #607359, #2B3E24)
• Cocoa Delta color palette (#FDD2D3, #965C4F, #723407, #252700, #030A00)
• Pewter Station color palette (#D8E2FF, #C19BBF, #9B6566, #2F5F66, #2B4353)
• Chestnut Lantern color palette (#E9DCD1, #AD8C55, #716425, #004E36, #0D2106)
• Mulberry Drift color palette (#FBE3DD, #D26D80, #877F00, #922844, #201D00)
• Softworn Archive color palette (#FFEDEE, #E48C9D, #B23151, #680024, #1D0006)

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