Softworn Cocoa color palette — #FFF3E8 · #CC9C7E · #68814D · #5D5080 · #614100

Bronze and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#CC9C7E): A luminous, dusty gold — the color of honey in a jar.
• Fern (#68814D): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#5D5080): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#614100): A full-bodied, balanced gold — the color of old brass.

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

• Ancient Cabin color palette (#FEF4E2, #CA97A9, #937044, #3D5A86, #713319)
• Softworn Olive color palette (#E9F6EB, #C1A877, #6D823D, #31547C, #1D3126)
• Aged Fern Parlor color palette (#F7F6EB, #BCC5AE, #6B8B6B, #805B59, #425510)
• Tempered Moss color palette (#FCF4E7, #DAB97A, #879C59, #547194, #4A4740)
• Patina Pine color palette (#FBF3F1, #CCE8E1, #6BA2B9, #3D7F4F, #5F4A60)
• Washed Garnet color palette (#FFF2EF, #8AA25F, #00797E, #7A3050, #3C3E37)
• Chalky Corridor color palette (#FFF2EB, #BA7E00, #187F41, #5E0074, #3C3700)
• Sand Pier color palette (#FFF1F6, #FFC28E, #97BA8A, #8986B0, #3B4D40)

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