Worn Cocoa Pier color palette — #DBE6C6 · #007245 · #862900 · #372300 · #000201

Rust takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#DBE6C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#007245): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#862900): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#372300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged muted.

Use it as a design system

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

• Powdered Mulberry Loft color palette (#ECEAD9, #516A00, #920034, #461700, #010100)
• Midnight Cocoa Balcony color palette (#E0EBDA, #005B4B, #5C2E00, #1F1800, #000201)
• Dusty Fern Coast color palette (#CAE7D5, #006B7F, #584E00, #0F3100, #000102)
• Aged Summit color palette (#F4FAD5, #06B02E, #E12E32, #7E4300, #001201)
• Linen Lantern color palette (#E5FDE7, #009DA3, #956F00, #4A5300, #000A0B)
• Frosted Scarlet Market color palette (#EBF2E5, #009174, #D2002A, #555A00, #000604)
• Tempered Amber color palette (#EAFBE5, #00C0AF, #CB7E00, #746800, #00211D)
• Shadow Delta color palette (#CEEBF5, #004C5F, #4A007D, #0A2300, #000609)

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