Timeworn Cocoa color palette — #F8DBE7 · #A0565E · #703500 · #003426 · #031C29

Built around Bronze, softened by Brick — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F8DBE7): A whisper-light, dusty rose — the color of pressed rose petals.
• Brick (#A0565E): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#703500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003426): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#031C29): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Sophistication. Tagged vintage, 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

• Patina Chestnut Workshop color palette (#F9E3E3, #84583C, #4A3600, #002526, #00111D)
• Patina Pewter Delta color palette (#ECE7FC, #925D8D, #713246, #242E00, #001C19)
• Patina Chestnut color palette (#EAEDFF, #AA7995, #934B29, #053D5E, #001D31)
• Weathered Coral color palette (#F7DAE9, #D96D75, #A16B4D, #306553, #002123)
• Pale Brick Garden color palette (#FFE3E8, #B22444, #7B0600, #3A1100, #140C00)
• Feathered Terracotta Bloom color palette (#FFECE2, #A23418, #005563, #541000, #001317)
• Bronze Basin color palette (#FFE8DC, #A85000, #552600, #1A0700, #050100)
• Feathered Loft color palette (#FFDFD3, #822D00, #004D33, #2D0088, #130300)

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