Dusty Cocoa color palette — #E2EFE2 · #006E6E · #644800 · #292A00 · #000202

A conversation between Bronze and Teal, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E2EFE2): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#006E6E): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#292A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

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

• Basalt Coast color palette (#D9F4DF, #005860, #4A3A00, #141C00, #000102)
• Garnet Garden color palette (#DFE4CE, #007431, #8D1E00, #3C2000, #000200)
• Worn Cobalt Delta color palette (#FAE7FC, #1574C8, #2F7100, #004331, #000104)
• Washed Bronze Terrace color palette (#E4FEE1, #00A7A2, #A87100, #5C5700, #00100F)
• Olive Lagoon color palette (#FEF0FF, #478DD8, #488835, #005B47, #000716)
• Dusty Harbor color palette (#FBDEED, #7C53FC, #D00738, #5E5600, #050019)
• Smoked Cabin color palette (#FFE6E2, #B61C61, #602B00, #191600, #000200)
• Periwinkle Alley color palette (#FFF0FD, #6F9DEF, #5D9B62, #00705F, #210B21)

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