Dusty Cocoa color palette — #E4FBE4 · #006665 · #5D3D00 · #282C00 · #001B10

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

The five colors

• Honeydew (#E4FBE4): A whisper-light, dusty green — the color of new leaves after rain.
• Peacock (#006665): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#5D3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#282C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001B10): 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

• Linen Garnet Canyon color palette (#E8F2D4, #00704B, #7A1D00, #3C2900, #101A00)
• Timeworn Denim color palette (#D4F6ED, #00558A, #314500, #002F21, #001A0B)
• Muted Meadow color palette (#DDFFEC, #007A98, #5E5700, #054B0B, #002726)
• Fern Bloom color palette (#FFF0FE, #3464AA, #225900, #004139, #002416)
• Indigo Dune color palette (#F1F5FF, #705BFF, #B60042, #4C4900, #001625)
• Softworn Alley color palette (#EEF8F1, #2695AB, #776622, #3E562B, #313B2D)
• Shadow Nightshade Coast color palette (#F0E5EE, #0C34B3, #003C13, #00221E, #00070D)
• Soft Magenta Ridge color palette (#F3EDFF, #F93AD9, #D86700, #836900, #061C00)

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