Dusty Cocoa color palette — #FBF5E8 · #CFBC8B · #93975E · #297E73 · #5B4400
Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF5E8): a clean, paper-quiet neutral.
- Sand (#CFBC8B): A luminous, dusty gold — the color of old brass.
- Moss (#93975E): A luminous, dusty green — the color of new leaves after rain.
- Teal (#297E73): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#5B4400): A full-bodied, 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 Fern Canyon color palette (#F9F6E5, #ABC89C, #6AA180, #337894, #474C00)
- Cocoa Quarry color palette (#FFF3E4, #E7AF97, #B4885C, #587A4C, #6C3900)
- Worn Sand Veranda color palette (#E9FAEE, #F9D894, #A7A66B, #457C84, #314538)
- Ancient Driftwood Villa color palette (#F7F7DE, #CDD0C0, #A5AF99, #6F8E80, #3A564E)
- Ancient Olive color palette (#FEF3E6, #CB9C7C, #767D3D, #595184, #4C4741)
- Timeworn Bronze color palette (#F7F5EB, #D3D3B9, #86A680, #9D7535, #535000)
- Pine Lagoon color palette (#F4EFD8, #8AAF6E, #3C895B, #005E79, #1D3818)
- Antique Chestnut color palette (#F6F1E8, #AD9B55, #6A5600, #3B3831, #25211A)
Browse the whole catalog at Explore, or see today's palette.