Softworn Cocoa color palette — #DBEBDB · #7ADAD4 · #82AB9F · #A37D70 · #71331B

Rust and Lagoon set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#DBEBDB): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#7ADAD4): A whisper-light, balanced teal — the color of sea glass.
• Taupe (#82AB9F): A luminous, dusty teal — the color of sea glass.
• Mocha (#A37D70): A luminous, dusty orange — the color of autumn markets.
• Rust (#71331B): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Softworn 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

• Bronze Balcony color palette (#D8F0D0, #87DAF4, #90A3D3, #A8743F, #683B00)
• Dusty Teal color palette (#EEDCB9, #C0C69D, #71B1AB, #9B7E7E, #5C3E3E)
• Weathered Cocoa color palette (#EFFADE, #A9E5F3, #D1AECE, #9C8978, #724103)
• Patina Harbor color palette (#E7FFD0, #A2D9E5, #8099B2, #795F75, #4F3A4C)
• Hazy Coral color palette (#DAF7E3, #6FE6FF, #E9775C, #00A2BC, #53271D)
• Garnet Hollow color palette (#D9EBEB, #7CAFBC, #55778F, #683150, #341D33)
• Worn Dune color palette (#D4E9D9, #4EBAC1, #5C8BC1, #835848, #3D200D)
• Weathered Powder color palette (#C7EEDC, #A6B1F2, #B689B8, #797870, #3A3932)

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