Softworn Cocoa color palette — #FCF4EA · #B8F3DB · #AEB28D · #938089 · #564400

Deep Olive and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Mint (#B8F3DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AEB28D): A luminous, dusty green — the color of fresh herbs.
• Gray (#938089): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Stone Thicket color palette (#EDF8F1, #C7E6D8, #99BFB2, #A892A8, #3F524A)
• Dusty Boulevard color palette (#F8F6E4, #B2F7D6, #53AFB1, #8D6D6C, #373A33)
• Lagoon Orchard color palette (#F0F7F1, #ACC9BB, #5B8C82, #5D6483, #3D5349)
• Powder Garden color palette (#FCF3F0, #BCEAF1, #ABC8EF, #8E976E, #564857)
• Wandering Chestnut color palette (#FFF2EF, #E0DCCE, #DBB4BC, #AAAAB5, #7A4415)
• Tempered Bloom color palette (#FFF1F3, #FFD0CF, #EE9C9F, #A26F5F, #754508)
• Driftwood Harbor color palette (#F5F1E8, #CCC3A6, #90843B, #7A584E, #33312A)
• Aged Field color palette (#FFF2EE, #FFB5B8, #6ACAE5, #6AADC1, #48332C)

Browse the whole catalog at Explore, or see today's palette.