Dusty Cocoa color palette — #FFF1F8 · #C6BF63 · #833700 · #2C0E00 · #040002

A conversation between Rust and Gold, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Gold (#C6BF63): A luminous, balanced green — the color of new leaves after rain.
• Rust (#833700): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#2C0E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, 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

• Tempered Mustard color palette (#EDF9F0, #DCB565, #664D00, #201700, #000200)
• Chestnut Quarry color palette (#FFF1F6, #DFD18D, #8D5316, #3D1F00, #0D0005)
• Sunlit Balcony color palette (#EBDBCD, #E0B03F, #B75D00, #6F3805, #150700)
• Washed Mulberry color palette (#FAF2FF, #98CA92, #882357, #33001B, #030005)
• Timeworn Marigold Cabin color palette (#E2F4E2, #C29D2B, #523500, #131B20, #0E0600)
• Feathered Chestnut color palette (#FFF0F8, #FAA36F, #008A71, #9B4800, #000102)
• Bronze Lantern color palette (#ECF9EF, #FAE2B6, #8C7331, #463604, #06130A)
• Bronze Workshop color palette (#CFE5E1, #AD6537, #042300, #040A0C, #000200)

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