Dusty Cocoa color palette — #FCF4E9 · #DDD0B1 · #98A176 · #8F7771 · #614A00
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF4E9): bright and airy, almost weightless.
- Wheat (#DDD0B1): A whisper-light, dusty gold — the color of old brass.
- Moss (#98A176): A luminous, dusty green — the color of fresh herbs.
- Mocha (#8F7771): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Cocoa Basin color palette (#FBF5E4, #D4E4CB, #96C8BE, #B49775, #5D4B00)
- Muted Delta color palette (#FBF4EC, #C7C1A9, #7F8841, #795C68, #5C4C00)
- Timeworn Stone color palette (#F1F7F2, #B9E1EF, #A9B57C, #927E96, #3A4B41)
- Bronze Lagoon color palette (#F4F7E9, #BBCBA9, #529F94, #93682A, #344B05)
- Taupe Canyon color palette (#FFF4DA, #DDD7A1, #A9A768, #6B6932, #38352F)
- Dusty Powder Atelier color palette (#FDF4E4, #D6C38E, #A1ADE8, #9F8A4D, #5F4257)
- Stone Terrace color palette (#FEF4DF, #BFB272, #6BB1C4, #AF82A1, #543F00)
- Jade Bloom color palette (#E9E5D2, #8CB271, #428253, #7C442D, #1A3006)
Browse the whole catalog at Explore, or see today's palette.