Timeworn Cocoa color palette — #FFF3EA · #D39E7B · #B68BB2 · #936B8E · #5C3100
Built around Cocoa, softened by Camel — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF3EA): bright and airy, almost weightless.
- Camel (#D39E7B): A luminous, dusty gold — the color of old brass.
- Dusty Rose (#B68BB2): A luminous, dusty pink — the color of peonies in June.
- Slate (#936B8E): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#5C3100): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged muted, warm.
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
- Timeworn Cocoa color palette (#FFF2EB, #D69B86, #76A0C6, #587FA0, #622C00)
- Softworn Lagoon color palette (#F3F8E7, #7CBC91, #B08DB7, #8C6E91, #374300)
- Tempered Mustard Studio color palette (#FBF5E6, #D1C47A, #8BBAF1, #A98BC3, #403D36)
- Timeworn Boulevard color palette (#F5F7E9, #91C086, #9B80AA, #7D5C7F, #58354F)
- Muted Fern Market color palette (#FFF2ED, #BAC490, #5AA09E, #85617D, #464D00)
- Weathered Denim color palette (#ECF9F1, #9A915D, #5B83A7, #6D4E8F, #2C4337)
- Dusty Bloom color palette (#F6F5EE, #D6DCD7, #A7B5B7, #A29D7C, #54534C)
- Moss Dune color palette (#F1F0D8, #70A037, #AB6596, #844973, #2A2806)
Browse the whole catalog at Explore, or see today's palette.