Timeworn Cocoa color palette — #FBF2FA · #7490C0 · #71588C · #754200 · #313B2A

A conversation between Bronze and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Slate Blue (#7490C0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#71588C): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#754200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#313B2A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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 (#F0F8EE, #64A69C, #80638F, #6B4E00, #35492A)
• Washed Grove color palette (#F0F7F0, #4D9496, #536B9E, #7F373A, #31312A)
• Terracotta Meadow color palette (#FBF2F9, #7289B5, #9D505A, #415501, #223732)
• Weathered Iris Harbor color palette (#EDF1FE, #8F89CE, #9E5468, #74422B, #142219)
• Powdered Terracotta color palette (#FDF1F9, #616CA7, #983828, #0F5005, #362533)
• Timeworn Cerulean Lagoon color palette (#F0F7F3, #DDD5D4, #A8A198, #4B8CA1, #4B564F)
• Lilac Thicket color palette (#ECF8F4, #C9DAF5, #92CBFF, #A68DE7, #5A4158)
• Worn Mulberry Workshop color palette (#FFF1F7, #6A4EA9, #7E1750, #3E3A00, #00291A)

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