Dusty Cocoa color palette — #FFF3E7 · #C4C0A0 · #85A07F · #846662 · #743F0C
A conversation between Bronze and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Stone (#C4C0A0): A luminous, dusty green — the color of new leaves after rain.
- Moss (#85A07F): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#846662): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#743F0C): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, 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
- Chestnut Garden color palette (#FAF4EE, #CDC09C, #6C8C5E, #8A5A21, #604A00)
- Ancient Bone color palette (#FBF6DF, #D5DDBB, #A1B39D, #8E7680, #624F50)
- Worn Ash Station color palette (#DDFAEF, #B1D1CD, #7EA1A7, #696C7F, #423E4B)
- Hushed Chestnut color palette (#F1E6C3, #98A586, #387992, #7D4618, #503C00)
- Coral Hollow color palette (#F5F7E5, #7DA473, #C5697D, #A56158, #42433C)
- Blush Lagoon color palette (#F2F7EE, #71C3A4, #C87CAC, #2C8468, #624445)
- Weathered Azure color palette (#FAF4F0, #CBE7E4, #699ED0, #3F7C6A, #604B59)
- Gentle Sapphire Terrace color palette (#E6F4E2, #3CAAAA, #2F66C8, #564F00, #254011)
Browse the whole catalog at Explore, or see today's palette.