Worn Cocoa color palette — #FFF2ED · #B5ECF5 · #E0D9CE · #A57B71 · #7E4123
Bronze and Frost set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Frost (#B5ECF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Mocha (#A57B71): A luminous, dusty orange — the color of autumn markets.
- Bronze (#7E4123): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Worn 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
- Dusty Stone Lantern color palette (#FFF1F2, #E2D7D1, #CBBF96, #A37882, #5D4849)
- Mustard Balcony color palette (#FEF4E2, #DAE4BD, #BCCE7F, #937346, #5F4500)
- Patina Amber Harbor color palette (#FFF2E8, #E7C09A, #BC8F32, #894029, #37312C)
- Ancient Garnet color palette (#FEEBE2, #C88466, #A25A00, #62001A, #220400)
- Mustard Field color palette (#FFF2EB, #FFD5B8, #F6B039, #AE493F, #613A21)
- Muted Olive Courtyard color palette (#F9F4EF, #DABA92, #87810E, #8E6425, #302E27)
- Moss Basin color palette (#F7DCB8, #D9B555, #9B9500, #6E3D00, #2D1F00)
- Softworn Delta color palette (#FDF2F1, #BE7593, #0073A1, #3F4679, #413033)
Browse the whole catalog at Explore, or see today's palette.