Softworn Cocoa Quarry color palette — #FFF3E9 · #A8FAF2 · #C7E1CD · #BD8892 · #6A4300

A conversation between Bronze and Sea Foam, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sea Foam (#A8FAF2): A whisper-light, balanced teal — the color of glacier melt.
• Celadon Mist (#C7E1CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#BD8892): A luminous, dusty red — the color of a theater curtain.
• Bronze (#6A4300): 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 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

• Cocoa Coast color palette (#FFF3E6, #DCDDC9, #B5B4BE, #D49E79, #644100)
• Tempered Cocoa color palette (#FFF2F0, #E1DACF, #B1DAB3, #9F86AC, #743818)
• Aged Coral color palette (#FFF1F6, #E0FFD7, #C3ECF9, #D58B86, #2E4933)
• Timeworn Driftwood Study color palette (#FFF1F5, #C9F6EC, #C7C294, #A87855, #3F5440)
• Basalt Meadow color palette (#FCF7D1, #AAF9E5, #90CBF0, #A18B5D, #354300)
• Faded Workshop color palette (#FFF3E7, #DFEA32, #00DBC7, #CA5653, #403C00)
• Amber Parlor color palette (#FFF3E2, #C99500, #A77ABF, #7F618E, #36322C)
• Weathered Seafoam Loft color palette (#F8EFC5, #83EDB9, #65BDE1, #A57441, #2F3029)

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