Dusty Cocoa color palette — #F9E2CF · #8E8C52 · #007971 · #743529 · #2A0500

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

The five colors

• Parchment (#F9E2CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#8E8C52): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007971): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#743529): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#2A0500): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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

• Worn Veranda color palette (#E3E9C5, #6D9164, #0F7C81, #643700, #101200)
• Misty Garnet Pier color palette (#ECDCD7, #A67E49, #407335, #7B2848, #270005)
• Plum Quarry color palette (#D2F0EA, #008175, #BD0049, #872F00, #000202)
• Softworn Cobalt Bloom color palette (#DFE9D4, #49A499, #427CBB, #6B5909, #1F1800)
• Antique Aubergine Archive color palette (#E1F5F1, #498C6E, #005A5D, #3E1D54, #29001A)
• Frosted Chapel color palette (#E5E0BE, #A0AD80, #429895, #A64A25, #272B00)
• Plum Pier color palette (#DCEAD3, #00937C, #C81E62, #006352, #130004)
• Emerald Parlor color palette (#EAF4D5, #1A9236, #006A57, #004A49, #00070B)

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