Dusty Cocoa color palette — #FBF4EC · #CCC0A1 · #6F8A63 · #7A5C6B · #604A00
Bronze and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Sand (#CCC0A1): A luminous, dusty gold — the color of afternoon light on wheat.
- Fern (#6F8A63): A luminous, dusty green — the color of new leaves after rain.
- Graphite (#7A5C6B): A full-bodied, dusty rose — the color of pressed rose petals.
- Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
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
- Softworn Meadow color palette (#F8F5EE, #DDD1AB, #90A46A, #927381, #5E4B00)
- Tempered Fern Coast color palette (#F6F6EC, #A7B690, #2C8282, #754D4E, #374A00)
- Weathered Driftwood Archive color palette (#EDF4EE, #AACDBB, #7A8A5E, #5B5F7B, #26352E)
- Antique Rust Loft color palette (#FFF2ED, #DB9D9C, #54A9A7, #B44C50, #3B553B)
- Timeworn Summit color palette (#FFF2ED, #F0C5B0, #AD6A61, #7E3927, #502722)
- Stone Basin color palette (#FDF2F6, #C1E9D3, #A3C095, #9599AB, #3F5248)
- Cocoa Loft color palette (#FFF2EE, #E0DDCE, #ABABB5, #9C779E, #783E18)
- Pine Grove color palette (#FEF4E5, #9EAB67, #007F3F, #594085, #373F11)
Browse the whole catalog at Explore, or see today's palette.