Softworn Cocoa color palette — #FDF4E6 · #FFD2B9 · #B4A06C · #3B7C90 · #5B3500

A conversation between Cocoa and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Peach Cream (#FFD2B9): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B4A06C): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#3B7C90): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5B3500): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Sand Dune color palette (#FEF4E5, #EBDE9D, #8BAD80, #62719A, #4B3E00)
• Hushed Sand Ridge color palette (#FEF3E9, #F8BD93, #82A57F, #38738C, #502B37)
• Antique Iris color palette (#FFF3E5, #F7BFC9, #C3AB7D, #7E86C6, #6F3510)
• Bronze Study color palette (#ECF9EF, #CE9A7D, #8D742E, #256274, #564148)
• Timeworn Stone Hollow color palette (#FFF3E8, #DDDECA, #B7C8AD, #7B8F87, #634C5E)
• Antique Marigold color palette (#FFF4E2, #FEAB29, #898D00, #005E8F, #342500)
• Hushed Driftwood color palette (#FAF5EA, #C1E2CE, #9FB790, #B67256, #534600)
• Hushed Orchard color palette (#FFF3E5, #D5A467, #6B5000, #312A21, #140E09)

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