Washed Cocoa Loft color palette — #FDF3ED · #EAD6BD · #D8AA96 · #AE877E · #594500

A conversation between Deep Olive and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Wheat (#EAD6BD): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#D8AA96): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AE877E): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Wandering Apricot Veranda color palette (#FFF2EB, #E8CBAB, #E59577, #AB7881, #403D36)
• Soft Amber color palette (#FFF0F8, #F7C7F1, #EB9AAE, #C0795A, #5F4000)
• Weathered Basin color palette (#FAEEF4, #D6AFBC, #97788A, #655064, #203125)
• Taupe Workshop color palette (#F0E7D6, #BCC892, #B89A47, #9E6D4B, #30312A)
• Ancient Apricot color palette (#FFF1F4, #D1ACE3, #D39951, #3F92AD, #403135)
• Hushed Veranda color palette (#FFD4B9, #DFB053, #E17100, #B5484F, #2B2B00)
• Aged Bronze color palette (#F6EBCF, #8AAC61, #8D7D00, #804C00, #001C0D)
• Hushed Studio color palette (#FDF1F7, #DFE2B7, #9B96D3, #816273, #31282D)

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