Timeworn Cocoa color palette — #ECF9EF · #A8F4FF · #FFB6B0 · #5DA7B1 · #6F3217

Built around Rust, softened by Rose Quartz — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sea Foam (#A8F4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rose Quartz (#FFB6B0): A whisper-light, balanced orange — the color of toasted spice.
• Cyan (#5DA7B1): A luminous, dusty blue — the color of open sky before noon.
• Rust (#6F3217): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Softness, Clarity. Tagged light, 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

• Antique Sand color palette (#E7FAF3, #D3DDFB, #F8BF88, #6CA1C4, #653B00)
• Celadon Lantern color palette (#F2F8E9, #AEF9CF, #F3B6DC, #69AA86, #5B3D3E)
• Antique Stone color palette (#E5FCEC, #BDE7EA, #CECABA, #93BEB0, #43574D)
• Tempered Cerulean Hollow color palette (#ECF8F5, #C9DCCA, #6789AC, #304D46, #111E1B)
• Airy Apricot Ridge color palette (#DDFEEF, #76D5FF, #FF894D, #008AB5, #4F1D00)
• Antique Glacier Thicket color palette (#E2FDEB, #66DFF9, #E0A5D3, #AFA275, #2B3D32)
• Bronze Basin color palette (#FFF3E7, #DFDFBF, #C5A88C, #A56A3F, #513B00)
• Wandering Petrol color palette (#ECF7FB, #80BCC1, #A09C5A, #00828A, #524F23)

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