Softworn Cocoa color palette — #FFF3E6 · #DDD4CB · #AECE9C · #92B9AD · #644700

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#DDD4CB): bright and airy, almost weightless.
• Pistachio (#AECE9C): A luminous, dusty green — the color of new leaves after rain.
• Sage (#92B9AD): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#644700): 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 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

• Aged Stone Canyon color palette (#FFF1F6, #EBD6C9, #DFCB93, #99C08B, #415242)
• Worn Field color palette (#F9F5E7, #F3E891, #E4DBCB, #8ED3D0, #4A4E00)
• Muted Bone Canyon color palette (#FFF2EF, #E3DCBD, #C7C5A9, #B49AA8, #594651)
• Powder Dune color palette (#FCF3EF, #BEE7F4, #A6CBED, #98A988, #5E4C59)
• Sand Hollow color palette (#FFF3E9, #FFC47D, #C7B168, #839161, #4F5049)
• Powdered Grove color palette (#FFF4DB, #F0D8B7, #E9CE14, #4ECDCB, #263915)
• Softworn Coast color palette (#FBF5E5, #E6D67E, #C0BFFF, #B3AA73, #5D4553)
• Muted Moss color palette (#FDEDF3, #EED0C7, #E3C289, #A7AA37, #17331D)

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