Dusty Cocoa color palette — #D9E9F4 · #8494C6 · #83639C · #6E3B00 · #453C00

Bronze and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D9E9F4): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8494C6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#83639C): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#6E3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#453C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Gentle Villa color palette (#D3F5FB, #639DC8, #5863A0, #802C28, #573300)
• Weathered Basalt Delta color palette (#EFEDFF, #928EB4, #835A6C, #4D480A, #004135)
• Fern Grove color palette (#EAEEFF, #A8A8CF, #84769C, #40674E, #3C5416)
• Dusty Violet Garden color palette (#CEE7E3, #5BAACF, #8357A9, #284900, #142800)
• Lilac Summit color palette (#D6E8F9, #A1B6FF, #B785D9, #A46201, #4E4000)
• Sunlit Pine color palette (#DAEBDF, #60C1DB, #7779C8, #297539, #004F24)
• Washed Pewter Corridor color palette (#F3E2F0, #9C596D, #693B2D, #03320E, #001E1B)
• Hushed Garden color palette (#E3E1FF, #8766F1, #6E7800, #5700C4, #2D3100)

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