Softworn Cocoa color palette — #FAF4ED · #C8DFCC · #9B825B · #603E00 · #201A12

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#9B825B): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#603E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#201A12): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Studio color palette (#FFF2EE, #F1FCC3, #AE7376, #574039, #221916)
• Wandering Basin color palette (#F1F8E8, #EEDDBE, #43856C, #2B4000, #0D1107)
• Hushed Chestnut color palette (#F7F1E9, #D5C0A0, #735E37, #35302A, #1A1208)
• Softworn Grove color palette (#F0F7F1, #C6E8CC, #88A88C, #59755D, #262E26)
• Washed Quarry color palette (#FFF2EC, #E5E19B, #5DB4A5, #8D666F, #404039)
• Inked Balcony color palette (#E8DFCE, #9D7100, #231A00, #0B0C06, #020100)
• Softworn Atelier color palette (#EBF3D4, #EF8107, #004921, #1D282B, #000B02)
• Muted Mustard Study color palette (#FBF4E8, #DBC26D, #94B0DC, #6A83AA, #34312B)

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