Dusty Cocoa Loft color palette — #EFF8EB · #007A69 · #743700 · #3E3500 · #202307

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8EB): a clean, paper-quiet neutral.
• Teal (#007A69): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#743700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3E3500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#202307): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Dusty 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

• Spruce Terrace color palette (#E6FCEE, #007B8C, #554600, #204200, #14240D)
• Washed Chestnut Cabin color palette (#EFF9E8, #1F8C75, #8A4E19, #554600, #2D3016)
• Wandering Hollow color palette (#FFF1F1, #A77494, #8D562E, #5F531F, #343A00)
• Muted Cabin color palette (#E3F7F0, #0076B5, #65298D, #522F00, #030E00)
• Mulberry Orchard color palette (#FBF5E1, #6C6A00, #7B2456, #650107, #2E1A00)
• Aged Petrol color palette (#EFF7F3, #CFDCDD, #A2B9B3, #296D86, #323E38)
• Mulberry Studio color palette (#ECF7FF, #2F9AC7, #924397, #6F4300, #00262C)
• Wandering Cobalt Drift color palette (#E5F7F0, #007FBA, #54478C, #5C1E4C, #003331)

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