Worn Studio color palette — #FBEFE7 · #BF5E0E · #573300 · #2F2720 · #171510

A conversation between Ochre and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Ochre (#BF5E0E): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2F2720): quiet, heavy and certain.
• Ink (#171510): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Worn Studio 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 Orchard color palette (#FFEDEA, #BD5575, #4A3832, #322523, #191410)
• Tempered Bronze Studio color palette (#F9F1DE, #8F7D00, #3E3D35, #2C281F, #151510)
• Muted Bronze color palette (#FBEFE7, #E3A78A, #957631, #7B4517, #281F1D)
• Muted Amber color palette (#FEECF5, #CF885F, #4E5D4E, #41333A, #252024)
• Chestnut Coast color palette (#EDE3D3, #6C5000, #303D3C, #201A00, #0F0700)
• Antique Basalt color palette (#E1EDD5, #535F64, #2B4100, #182525, #010C00)
• Dusty Thicket color palette (#FFF4DF, #AE9642, #5A9977, #A0645D, #45423B)
• Twilit Fern color palette (#E0F3DB, #216D00, #002710, #0E0E00, #010200)

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