Dusty Cocoa color palette — #DFF5E3 · #00646A · #5C4000 · #233200 · #001C12
A conversation between Bronze and Peacock, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DFF5E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#00646A): A full-bodied, dusty blue — the color of open sky before noon.
- Bronze (#5C4000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#233200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, 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
- Gentle Veranda color palette (#FFE9E1, #B70024, #504600, #0C3A00, #001D1B)
- Washed Veranda color palette (#FDF0FE, #1C72B5, #385700, #003F31, #062315)
- Misty Sapphire Boulevard color palette (#FFE9FB, #264CFF, #5D4800, #3A2C00, #000A07)
- Softworn Cornflower color palette (#E6F1FF, #2373FD, #726000, #424E00, #001A14)
- Fern Coast color palette (#FFF3E9, #A95B1B, #4A6E00, #004D3D, #203227)
- Tempered Bronze color palette (#FEF2F1, #AE6789, #9B5C05, #4F5018, #30322B)
- Dusty Mulberry Orchard color palette (#EAFAD8, #90008A, #6B2D00, #3B2D00, #051E00)
- Dusty Grape color palette (#FFEDF4, #7300C7, #83001E, #4B2700, #1D1C00)
Browse the whole catalog at Explore, or see today's palette.