Softworn Cocoa color palette — #F4F7DD · #B1BDA8 · #718C74 · #7B5961 · #733C0E
Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#F4F7DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B1BDA8): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#718C74): A luminous, dusty green — the color of new leaves after rain.
- Graphite (#7B5961): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#733C0E): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Softworn 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 Cabin color palette (#FCF1D2, #B2B395, #728F4F, #61628F, #67484F)
- Tempered Chestnut Lantern color palette (#F7E2C8, #B8BA96, #59929C, #8A4932, #571B02)
- Worn Study color palette (#F8F5EB, #B4B192, #5C7E59, #5F5C2B, #4A4400)
- Cocoa Basin color palette (#CAE7D4, #8EADA5, #917288, #814236, #5E3A00)
- Softworn Ridge color palette (#E6FDE5, #A4CDBF, #7CA6B3, #8E6D85, #5C4556)
- Antique Cocoa Villa color palette (#CEEFF4, #6D9C8A, #566696, #6E3634, #502B00)
- Peony Hollow color palette (#ECFAE9, #4DB3A8, #C66686, #00766D, #5F3241)
- Washed Petrol color palette (#F8F5EF, #C4E5DA, #678CBF, #006E83, #5B3C54)
Browse the whole catalog at Explore, or see today's palette.