Worn Cocoa color palette — #F0F8F1 · #BADBC1 · #65876D · #5C4B24 · #252E27

Built around Cocoa, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Oat (#BADBC1): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#65876D): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5C4B24): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#252E27): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Worn Bronze Hollow color palette (#FAF3F6, #BEDABE, #9F7250, #66442B, #35272D)
• Patina Pine Station color palette (#E8F9F7, #C9C890, #537E53, #2C4B2C, #0F2624)
• Weathered Petrol color palette (#E8FAF3, #A2CAA1, #67A088, #2D76A0, #304E4C)
• Moss Coast color palette (#F0F7F4, #B2DCCA, #72AB85, #909308, #1E3231)
• Timeworn Pine Drift color palette (#D7FFF6, #B8DCB8, #79AD89, #008460, #005345)
• Weathered Bronze Veranda color palette (#F9F4ED, #F8DA9E, #AF9C72, #8A6622, #2F2B24)
• Weathered Moss Harbor color palette (#D1EAE9, #838A2A, #004426, #001408, #000201)
• Antique Fern color palette (#CEE4DB, #B5A55E, #535B00, #282C00, #000F09)

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