Softworn Cocoa color palette — #FFF2EA · #F3DAAD · #A1B382 · #8B545F · #5F3A00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Peach Cream (#F3DAAD): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A1B382): A luminous, dusty green — the color of fresh herbs.
• Pewter (#8B545F): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#5F3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Hushed Taupe color palette (#FFF2EF, #FFD1C4, #C5A574, #7F6088, #543830)
• Ancient Orchard color palette (#FFF3E4, #E0E7A7, #8BC1A3, #966047, #413E38)
• Worn Pewter Ridge color palette (#FFEEE5, #ECD59F, #91BA90, #8D5268, #321C01)
• Chestnut Garden color palette (#FAE3D4, #BC8B5D, #924E33, #633437, #34302A)
• Powdered Teal color palette (#FFF3DA, #BFD878, #00C09E, #954F00, #3C3D00)
• Chalky Studio color palette (#FFD6BA, #D1B958, #619551, #773031, #352307)
• Antique Bloom color palette (#FFF0FA, #F3E2B4, #A2D7A2, #B57394, #354934)
• Softworn Courtyard color palette (#FFF4DD, #D0EACB, #A3D2BE, #A18770, #595200)

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