Dusty Cocoa color palette — #F8F5EC · #BAB37F · #5795B5 · #8D5663 · #6A2E12

Rust takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Sage (#BAB37F): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#5795B5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pewter (#8D5663): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#6A2E12): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Dusty Lagoon color palette (#FEF3E8, #D0A97E, #4D9C95, #745E89, #5D3633)
• Ancient Balcony color palette (#EDF9F1, #D9CD89, #47A6CD, #95536B, #4A2D44)
• Tempered Mint color palette (#F3F7ED, #7CC3A2, #9482B1, #8C556E, #47413C)
• Dusty Terrace color palette (#FAF4EE, #CBE8EB, #C5A6C2, #4E9399, #64495A)
• Worn Iris Corridor color palette (#F1F8E9, #61B994, #7D75BE, #8B4A1C, #413803)
• Muted Bronze color palette (#F9F5EC, #D6D2B5, #82A686, #987834, #584E00)
• Worn Jade Atelier color palette (#F1F4E4, #74AB79, #505D4B, #363C00, #23221B)
• Dusty Grove color palette (#F1F4CE, #9AD4B2, #57B19A, #2F8386, #395645)

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