Dusty Cocoa color palette — #E3FAFD · #008067 · #733500 · #403300 · #002823

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

The five colors

• Ivory (#E3FAFD): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#008067): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#733500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#403300): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#002823): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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 Grove color palette (#E8F8FF, #006C76, #594300, #283A00, #002024)
• Pine Canyon color palette (#E2FBF7, #0C7B1D, #852927, #532F00, #04261A)
• Wandering Cerulean Drift color palette (#EAF8FF, #008CA8, #6F5E07, #224F1B, #0F2D33)
• Feathered Market color palette (#E7F4FE, #0F7BAA, #832777, #473300, #000D14)
• Nocturne Market color palette (#CAE4EB, #004F4C, #452900, #1C1D00, #000703)
• Dusty Petrol Coast color palette (#F0F6FC, #D7D8E6, #A8B4C6, #2B6A91, #333C43)
• Cornflower Quarry color palette (#FFF0FA, #687DD0, #8258A5, #724500, #102408)
• Powdered Basin color palette (#ECF2FF, #606CCA, #713B79, #6F052A, #00313D)

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