Softworn Cocoa color palette — #FCF6DB · #C6E4C9 · #A0B799 · #917982 · #694449
Cocoa and Celadon Mist set the tone — five colors that lean into sophistication.
The five colors
- Custard (#FCF6DB): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#C6E4C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A0B799): A luminous, dusty green — the color of new leaves after rain.
- Driftwood (#917982): A luminous, dusty rose — the color of strawberry cream.
- Cocoa (#694449): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
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
- Washed Cocoa color palette (#FFF3E3, #EAD7BD, #BFB69C, #B188AE, #7E4023)
- Antique Dune color palette (#D7FAED, #9DC7C2, #598E95, #5A5E7B, #574255)
- Patina Cocoa Coast color palette (#D6FFF9, #A7CFB2, #6D92B0, #743F50, #3B1E09)
- Washed Garnet Courtyard color palette (#D9FFF1, #B1EDEF, #7DADCA, #986278, #642B26)
- Weathered Loft color palette (#FCF4E7, #D8E4BA, #97A574, #956F2D, #3B3831)
- Garnet Grove color palette (#A0F0F7, #81B5CF, #6C779F, #652825, #210E00)
- Powder Summit color palette (#F9F4EE, #BDE5F3, #82C4EB, #419090, #21473F)
- Pewter Atelier color palette (#E2FFD9, #92D9C0, #1F9CA4, #7D4C91, #571433)
Browse the whole catalog at Explore, or see today's palette.