Dusty Cocoa color palette — #F5EDE1 · #D7CFBC · #B2A67C · #614A00 · #040200

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Oat (#D7CFBC): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B2A67C): A luminous, dusty green — the color of fresh herbs.
• Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Basalt color palette (#E4E3DD, #BCBCAD, #919577, #374200, #020100)
• Weathered Veranda color palette (#F2EAE1, #AEAA95, #788743, #4C3100, #1C1204)
• Emerald Courtyard color palette (#E1E3D1, #50A26A, #005C3E, #312C00, #010100)
• Timeworn Cypress Thicket color palette (#F3F6F0, #CFDED6, #8EC8C1, #007151, #0A0E05)
• Olive Parlor color palette (#EADEBF, #837800, #374B00, #002121, #010100)
• Timeworn Mustard color palette (#FEF3D0, #DEAF00, #A19C00, #477700, #010100)
• Muted Cypress color palette (#D8E3D1, #68A572, #007254, #00394E, #001021)
• Timeworn Atelier color palette (#EAE6D8, #605C65, #4E5200, #121A15, #030700)

Browse the whole catalog at Explore, or see today's palette.