Softworn Cocoa Quarry color palette — #FFF2EB · #E3D1CB · #9BCDCA · #A1BD88 · #6A3F00

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#E3D1CB): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#9BCDCA): A luminous, dusty teal — the color of sea glass.
• Sage (#A1BD88): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6A3F00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

Use it as a design system

One click turns Softworn Cocoa Quarry 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

• Muted Cocoa Market color palette (#FFF2ED, #EDCFCE, #E7BC9B, #C4B675, #6E3709)
• Sand Chapel color palette (#FCF4E8, #DBD5CB, #EAD285, #6EC1A3, #47463F)
• Aged Meadow color palette (#F6F6EC, #C9D7BA, #85A589, #937474, #3E5615)
• Oat Delta color palette (#FFF1F1, #E3C9B5, #AEA78D, #917B8C, #5E4C5B)
• Wandering Workshop color palette (#FBF3F0, #C3E1E7, #89B9D2, #659375, #5F4B5E)
• Tempered Driftwood color palette (#FCF4E4, #D2C48F, #92B3E3, #9F8C3C, #5C445C)
• Ancient Fern color palette (#FFF2EC, #EBB694, #BD995F, #7F7A42, #535000)
• Linen Clover color palette (#FFF3E6, #FFD3DA, #FFA853, #58B942, #483600)

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