Softworn Cocoa color palette — #FAF4ED · #E7DDC2 · #BAB890 · #B18DA5 · #5F4A00

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Bone (#E7DDC2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#BAB890): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B18DA5): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

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

• Weathered Fern Garden color palette (#F9F5EB, #E0E0C6, #AFBB96, #84A389, #535000)
• Patina Wisteria Lagoon color palette (#FDF2F4, #E8C7F2, #A8D698, #CB8CDE, #3C5534)
• Teal Basin color palette (#F7F6E8, #ABD7B3, #49B59D, #9B749E, #323A00)
• Timeworn Drift color palette (#FFF1F4, #E3D8D2, #CFB4E5, #9ABACC, #634D4E)
• Patina Taupe Veranda color palette (#F0F7F4, #B5DAD0, #88A57D, #62848D, #37544C)
• Mint Villa color palette (#FFF1F2, #EAB2E0, #AFC88F, #71C396, #553A3D)
• Softworn Lagoon color palette (#FFEDFB, #D4CAFF, #C6A5E8, #B778B4, #6D4645)
• Ancient Studio color palette (#FFF1F2, #F7D3C5, #DCA5CC, #B174AF, #4E2D4A)

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