Worn Cocoa Lagoon color palette — #FFEEE7 · #DFD6C7 · #F1B58E · #A87178 · #5A2200

Espresso takes the lead with Sand close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Bone (#DFD6C7): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#F1B58E): A luminous, balanced gold — the color of old brass.
• Mocha (#A87178): A luminous, dusty red — the color of embers at dusk.
• Espresso (#5A2200): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Worn Cocoa Lagoon 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

• Timeworn Garden color palette (#FFEDED, #E9D2C3, #F2A9B4, #97769A, #3E2524)
• Dusty Basin color palette (#FDEFE3, #DCD9C4, #9ECBA9, #A8846D, #583300)
• Patina Oat Pier color palette (#FFF0FD, #DBD8CD, #DEC796, #C18C94, #5F4B5A)
• Washed Pewter Corridor color palette (#FDF0FF, #E9DECF, #AFD7BB, #8F6985, #5A4554)
• Garnet Corridor color palette (#F7DED1, #D08253, #AD6C00, #7C000F, #150300)
• Softworn Quarry color palette (#FBF0E1, #BCA888, #936D2A, #634523, #292211)
• Brick Atelier color palette (#FFEEE3, #FFB97F, #E1A200, #B62E00, #381900)
• Muted Amber color palette (#F3E8DE, #B1871C, #796E00, #4C2600, #030100)

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