Softworn Cocoa color palette — #E9F5F2 · #82A977 · #5A6FA7 · #7B340C · #132F0A
Rust and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9F5F2): bright and airy, almost weightless.
- Moss (#82A977): A luminous, balanced green — the color of fresh herbs.
- Slate (#5A6FA7): A full-bodied, balanced violet — the color of wild irises.
- Rust (#7B340C): A full-bodied, balanced orange — the color of toasted spice.
- Deep Forest (#132F0A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged 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
- Aged Cocoa color palette (#E6F5FA, #64A9B1, #6B6AA5, #703E00, #002E30)
- Ancient Garnet color palette (#EAF5EF, #A39E6F, #327C94, #70335A, #0B2F1B)
- Patina Iris Ridge color palette (#F4F6EE, #86C296, #8384C8, #915936, #46423B)
- Airy Grape color palette (#DBF9F8, #009C5B, #6136C1, #532F00, #001F09)
- Muted Turquoise Garden color palette (#EAF8FE, #40A7BD, #4F70A8, #5E4874, #124C4B)
- Tempered Lagoon Bloom color palette (#F8EFF2, #B1CABB, #5B8F80, #3E6A6D, #25352C)
- Dusty Lagoon Terrace color palette (#E1F1F6, #379297, #2E3D4A, #0F2127, #060E0F)
- Ancient Mulberry color palette (#C8E6F6, #007E9B, #89005C, #2A3000, #001117)
Browse the whole catalog at Explore, or see today's palette.