Dusty Cocoa color palette — #FFF3E3 · #D7E3CA · #9ADCD5 · #B69480 · #5D4A00

Deep Olive and Ice Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#D7E3CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Ice Blue (#9ADCD5): A whisper-light, dusty teal — the color of glacier melt.
• Taupe (#B69480): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Study color palette (#FEF4E6, #D8C9A5, #B3976A, #9D6637, #514900)
• Ancient Garden color palette (#ECF9F0, #BFDEEF, #C6C0CA, #CAA19E, #43574C)
• Tempered Fern color palette (#F3F8E0, #BFF2FF, #B7CFFC, #98975D, #3D510A)
• Oat Basin color palette (#E6FCEE, #BDE8E8, #C5D9AB, #768F7A, #415049)
• Worn Aqua color palette (#F9F6E0, #BAF3CE, #55D4E6, #978441, #44453D)
• Chalky Lagoon color palette (#EDDDBC, #8FB36E, #009979, #703B00, #0E1000)
• Muted Fern Grove color palette (#F6F6ED, #EACBA6, #6E874F, #544F00, #2C2C22)
• Tempered Pier color palette (#FBF4E8, #BCAB6A, #8B95DB, #A56573, #403D36)

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