Softworn Cocoa color palette — #CFE8D4 · #9C9C6D · #78612E · #5E3100 · #001D18
Cocoa and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#CFE8D4): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#9C9C6D): A luminous, dusty green — the color of fresh herbs.
- Walnut (#78612E): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Cocoa (#5E3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#001D18): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Tempered Taupe Dune color palette (#EFD9E5, #B69067, #875740, #5C2F2F, #021E0D)
- Hushed Garden color palette (#D9E7E0, #7A8F55, #5E5702, #432C00, #001303)
- Softworn Chestnut Alley color palette (#DAEEDE, #7DA08B, #7B5F11, #5B3D00, #103928)
- Driftwood Thicket color palette (#FFF4E0, #D4C893, #A18740, #70521D, #2A2000)
- Softworn Drift color palette (#EAF6E9, #A3C5AE, #728B6F, #6D4D60, #193229)
- Eclipse Lagoon color palette (#F9EAF2, #83571B, #592400, #350005, #020200)
- Quiet Drift color palette (#DBEAFF, #4473C3, #626C00, #25500F, #021025)
- Ancient Navy Market color palette (#E1EAF8, #B2A054, #30427D, #0B1B37, #010510)
Browse the whole catalog at Explore, or see today's palette.