Dusty Cocoa color palette — #F1F7EF · #72C2B6 · #9F7FA8 · #8C5959 · #5F3900

Bronze and Mint Leaf set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Mint Leaf (#72C2B6): A luminous, balanced teal — the color of shallow lagoons.
• Heather (#9F7FA8): A luminous, dusty pink — the color of peonies in June.
• Pewter (#8C5959): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#5F3900): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged 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

• Muted Workshop color palette (#EAFAF1, #74BDD7, #AD7B90, #806529, #504016)
• Stone Meadow color palette (#F6F6EB, #9FBD80, #748CBE, #885774, #5D372C)
• Timeworn Iris Loft color palette (#ECF8F7, #A7DBB1, #8E94D2, #925B3E, #22402D)
• Soft Plum Field color palette (#E4F8EA, #00A7C0, #9E5388, #5F4E00, #352A00)
• Bronze Workshop color palette (#EEFAE0, #C4DBC7, #B3A3B2, #A4723B, #714500)
• Feathered Violet color palette (#ECFBE3, #00B599, #8559D2, #804300, #353200)
• Turquoise Garden color palette (#E1FEDE, #83D4E1, #5BABCF, #4E76A2, #664A61)
• Antique Lagoon color palette (#FAF4EF, #C4E1EF, #C4A5C5, #4D9495, #63495B)

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