Worn Cocoa color palette — #FFEBCC · #D9CBCF · #919689 · #664300 · #2D271F

Built around Bronze, softened by Custard — the whole palette hums with optimism and sophistication.

The five colors

• Custard (#FFEBCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#D9CBCF): bright and airy, almost weightless.
• Eucalyptus (#919689): a calm mid-gray that lets other colors speak.
• Bronze (#664300): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2D271F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Driftwood Study color palette (#F8F5E9, #DEDFCB, #97853D, #534500, #1E1B11)
• Cocoa Pier color palette (#FFE8E5, #D3DBE7, #C0B2B0, #723519, #271E1B)
• Dusty Mustard Meadow color palette (#FAF5E5, #CAC876, #BFA1CE, #90779C, #34322B)
• Ancient Alley color palette (#FFF0FA, #E8D1FF, #FFCA71, #845C1A, #3D362E)
• Muted Drift color palette (#F0F5FF, #E2FE73, #D9D8CC, #544A00, #222119)
• Weathered Balcony color palette (#F7F5EC, #F7FCAE, #5ABED3, #9B9F61, #17211A)
• Muted Marigold Archive color palette (#FFD3EA, #C2C6FF, #F3AB3E, #213520, #131B12)
• Timeworn Lagoon color palette (#FFE6EF, #008EBB, #906C00, #0B0D06, #020100)

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