Timeworn Cocoa color palette — #F6EAE0 · #794100 · #004366 · #341800 · #00070F

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F6EAE0): bright and airy, almost weightless.
• Bronze (#794100): A full-bodied, balanced gold — the color of old brass.
• Navy (#004366): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#341800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#00070F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Dusty Terracotta Bloom color palette (#FFEAE1, #971600, #00484A, #420500, #000808)
• Nocturne Coast color palette (#EDE7D7, #7C5600, #232F32, #171500, #030200)
• Velvet Nightshade Meadow color palette (#F0DCC4, #6F4800, #1A24A4, #2F1C00, #010024)
• Smoked Archive color palette (#EEDECA, #563800, #00394C, #001A60, #030100)
• Midnight Aubergine color palette (#F6E3ED, #7A3500, #5B0078, #351300, #030005)
• Antique Thicket color palette (#F4E3D6, #9E5200, #8900A3, #572A00, #0E0013)
• Bronze Bloom color palette (#F1E0D2, #B56900, #007BA8, #7B4500, #00070D)
• Cobalt Summit color palette (#EADCC5, #9D7900, #006DBA, #5C4500, #002A4D)

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