Dusty Cocoa color palette — #FFF3EA · #E4D9D0 · #E9C18F · #A7BEA3 · #6F3B02
Built around Bronze, softened by Sand — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF3EA): bright and airy, almost weightless.
- Bone (#E4D9D0): a clean, paper-quiet neutral.
- Sand (#E9C18F): A whisper-light, dusty gold — the color of old brass.
- Stone (#A7BEA3): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#6F3B02): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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 Quarry color palette (#FFF3E7, #EDD8BE, #CAC2B0, #989F8D, #475541)
- Muted Sunflower color palette (#FFF0F8, #E5D6D5, #DDD66F, #A4AFAA, #4F2D3B)
- Soft Mustard Meadow color palette (#FFF3E5, #ECD9B9, #D9CD83, #DCB100, #452D00)
- Patina Corridor color palette (#FDEFE4, #EAA577, #A07037, #7A4611, #26201D)
- Amber Summit color palette (#FAEEF4, #E8D6C7, #E8C389, #BF8D4C, #3B2830)
- Celadon Studio color palette (#FBF5E0, #D8EEB3, #9BEC9B, #5DD4AC, #414039)
- Weathered Summit color palette (#EADFD5, #FF723E, #DC7400, #9F7400, #070200)
- Moss Workshop color palette (#EEDFBC, #F0B303, #C5AE00, #85A600, #1C1C00)
Browse the whole catalog at Explore, or see today's palette.