Timeworn Cocoa color palette — #FEF4E3 · #769AC9 · #6E5F98 · #704100 · #4D3348

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

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#769AC9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6E5F98): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#704100): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#4D3348): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged retro, 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

• Hushed Chestnut color palette (#FEF4E4, #A5A1D1, #8F688D, #67590E, #5A3E49)
• Powdered Garnet Station color palette (#FFF4E2, #4EA4C1, #4A68A5, #862A18, #20453A)
• Worn Cobalt color palette (#F8F5EF, #C2E5DB, #698AC6, #006D87, #5C3C52)
• Hazy Mulberry Cabin color palette (#FDF1FC, #6688C6, #954463, #574600, #00413E)
• Soft Indigo color palette (#F6F2DF, #26ADCE, #7357B2, #464B00, #082922)
• Violet Coast color palette (#FFF0FB, #AFE1FF, #8CAFFF, #9E6BBF, #553247)
• Worn Market color palette (#E2FCF0, #46C1E9, #9272CB, #66672C, #2E3F51)
• Airy Veranda color palette (#FFF4E2, #A474C7, #A3226E, #3F4C00, #4A244D)

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