Dusty Cocoa color palette — #EBE6BA · #9CA67F · #388078 · #6E4756 · #662B09

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

The five colors

• Celadon Mist (#EBE6BA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9CA67F): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#388078): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#6E4756): A full-bodied, dusty rose — the color of pressed rose petals.
• Rust (#662B09): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Tempered Canyon color palette (#F1E2AF, #9FB47C, #6A7E3C, #5F4A5B, #55312C)
• Hushed Cocoa Chapel color palette (#BFF6E5, #61ADB4, #547C6D, #754D4B, #6F3217)
• Wandering Cocoa Studio color palette (#CFEBD5, #A3BA91, #5D949C, #8A6073, #663937)
• Patina Turquoise color palette (#D8E9E1, #04BBC1, #0077A2, #723354, #6A2020)
• Aged Lagoon color palette (#D9E2D3, #3E9F7A, #005E60, #4A2E55, #3E1B1C)
• Plum Harbor color palette (#E7F3DD, #00A585, #B5527C, #006651, #502537)
• Frosted Indigo color palette (#D7ECCC, #008E7B, #775AAA, #874800, #1F3116)
• Worn Cobalt Terrace color palette (#FBF4EA, #A5D1BC, #307FB5, #005F65, #493148)

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