Dusty Cocoa color palette — #F4E3F0 · #ACA15E · #712F23 · #370A04 · #0B0209

Rust and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4E3F0): A whisper-light, dusty pink — the color of a candy shop window.
• Moss (#ACA15E): A luminous, balanced green — the color of new leaves after rain.
• Rust (#712F23): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#370A04): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0B0209): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Washed Garnet Lagoon color palette (#ECE5F7, #9AA76B, #6A2C57, #300C25, #07030E)
• Dusty Chestnut color palette (#FEECF4, #C5B274, #7A461D, #3C1A2B, #15080E)
• Ancient Taupe color palette (#DFEEE2, #BA9B5A, #594200, #261A00, #000802)
• Obsidian Bronze Market color palette (#FCE2F1, #8C7700, #491800, #130300, #040002)
• Washed Terracotta Field color palette (#F9EEF5, #DD8566, #257733, #923000, #000807)
• Hushed Sand Cabin color palette (#FFF2EA, #FAC585, #8A543B, #3D1F07, #090200)
• Timeworn Chestnut color palette (#F8EFF2, #CCDCDA, #A3BEB6, #875A20, #291C20)
• Chestnut Lantern color palette (#FAE5DD, #C99753, #776700, #234400, #001D0C)

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