Dusty Cocoa color palette — #FCF4E8 · #E1B390 · #A98E5F · #497C58 · #663D00

Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Sand (#E1B390): A luminous, dusty gold — the color of old brass.
• Caramel (#A98E5F): A luminous, dusty gold — the color of old brass.
• Teal (#497C58): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Antique Lantern color palette (#FFF3E6, #E2AEAF, #C0806B, #717330, #4E4643)
• Cypress Workshop color palette (#FAF4EB, #C6AF76, #719969, #007977, #48413C)
• Patina Bronze Market color palette (#FAF4EB, #DAD0BA, #A69B76, #A86E41, #614900)
• Bronze Loft color palette (#FDF4E5, #D19693, #94702B, #415985, #6E3707)
• Sunlit Marigold Lagoon color palette (#FFF4DF, #D99B00, #8C7F00, #006B57, #443300)
• Weathered Chestnut Courtyard color palette (#F9F0E7, #C38F5F, #774F05, #522E00, #27201B)
• Shell Balcony color palette (#E6FCED, #FFBEB4, #C2AC7A, #738FAB, #55414B)
• Faded Amber color palette (#EADDBF, #B28D00, #6B6F00, #00544C, #2B2400)

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