Softworn Cocoa color palette — #FFF2EA · #DED4CC · #D4D293 · #A3B1CE · #603900

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DED4CC): bright and airy, almost weightless.
• Pistachio (#D4D293): A whisper-light, balanced green — the color of new leaves after rain.
• Ash (#A3B1CE): A luminous, dusty violet — the color of twilight just after sunset.
• Bronze (#603900): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Oat Thicket color palette (#FFF0F9, #E6D5D5, #C0D18C, #A2AFAA, #2F4831)
• Dusty Cocoa Grove color palette (#FFF2ED, #C1E9BA, #F0CFCA, #C5C6B2, #733B10)
• Antique Sand Corridor color palette (#FDF4E4, #ECD389, #B3C5FB, #BDA663, #5E4358)
• Powdered Lime Loft color palette (#FFF3E5, #F5D5BE, #D9D284, #96CE2D, #453201)
• Ancient Ridge color palette (#FDEDF5, #F1D0C3, #FFB38B, #C1A241, #3A1F29)
• Quiet Chartreuse Alley color palette (#E2FFD8, #FFD77F, #64EE00, #00C1C5, #00351E)
• Airy Canyon color palette (#FFEED9, #FFC6BD, #F9AE08, #5BC35D, #252200)
• Apricot Boulevard color palette (#FDEFE4, #FD9B54, #977632, #5C524A, #27201D)

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