Cocoa Loft color palette — #FAF4EE · #D9DCD3 · #B7C6B8 · #AE8759 · #653E00

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#D9DCD3): bright and airy, almost weightless.
• Stone (#B7C6B8): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#AE8759): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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 Workshop color palette (#E9E3DB, #B7B5A5, #919981, #6B4D00, #1B1205)
• Softworn Taupe Quarry color palette (#FBF3F5, #CDD9DF, #B9B3BD, #BF9565, #463C3F)
• Timeworn Bronze Balcony color palette (#F1F7F2, #D3DCDB, #B0C3C5, #906E35, #404B41)
• Wandering Pewter Bloom color palette (#FFEBE5, #D5C1A9, #989C81, #8C6763, #674845)
• Softworn Moss color palette (#F6F6EE, #D0DFD5, #A5C9C1, #729426, #474100)
• Muted Fern color palette (#F7F6E7, #BCCBA4, #619B9B, #8D6664, #374A01)
• Worn Moss color palette (#EBE4D3, #9E920D, #485406, #302E27, #1D1711)
• Aged Summit color palette (#FFF3E7, #E2A167, #6B935D, #635A90, #403D36)

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