Timeworn Cocoa color palette — #FCF5E4 · #FFBBC5 · #D3A472 · #6592AE · #703513

Bronze and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FCF5E4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#FFBBC5): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#D3A472): A luminous, balanced gold — the color of old brass.
• Slate Blue (#6592AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#703513): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

Use it as a design system

One click turns Timeworn 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 Mallow color palette (#FAF5E2, #FFB4EC, #D59F92, #5A979F, #554240)
• Washed Cocoa color palette (#FFF4E1, #FFC0A4, #B7B077, #9D819B, #663D00)
• Shell Delta color palette (#FFF2ED, #FFAFA5, #7CB89F, #5291A4, #56374B)
• Timeworn Quarry color palette (#FFF5D8, #FFA691, #BD9900, #457DBC, #502A0C)
• Aged Market color palette (#EBFAEA, #F3A991, #B68760, #477A70, #53424B)
• Softworn Bone color palette (#FFF2EE, #E3DBC0, #C5BFA9, #A595A6, #5A4D5B)
• Patina Summit color palette (#FFF3E5, #F5BD5A, #86B474, #8478B0, #403D36)
• Tempered Apricot color palette (#FFEEE3, #FF986A, #9B7334, #5C524C, #27201E)

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