Softworn Cocoa color palette — #FFF2ED · #DFDCCD · #B6C4D1 · #E2A4BD · #743E0D

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#DFDCCD): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#B6C4D1): A luminous, dusty blue — the color of deep harbor water.
• Ballet Pink (#E2A4BD): A luminous, dusty rose — the color of pressed rose petals.
• Bronze (#743E0D): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Antique Mallow Delta color palette (#FFF1F2, #E2D9D1, #C2ABDC, #96B5AE, #674C49)
• Wandering Studio color palette (#FCECF8, #D4DAC8, #BBBBCA, #9C89A7, #43333E)
• Aged Garden color palette (#FFF4DE, #D2EAC6, #95DFE3, #E8A772, #584D00)
• Misty Blush Meadow color palette (#FFF3E9, #DFE5BA, #90E3B5, #FF7F90, #644113)
• Fern Field color palette (#FAF5EB, #DFDAC3, #C8B38B, #AF8A64, #4B4B00)
• Ash Meadow color palette (#FBF4EA, #DDBD8D, #7AC4D4, #9991C9, #543600)
• Washed Terrace color palette (#D9E4FF, #64F5FC, #FFC5A8, #8C5528, #522800)
• Antique Bronze Orchard color palette (#FCF4EB, #EEDCBA, #BE956E, #916129, #312A22)

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