Softworn Cocoa color palette — #F0FBD3 · #C1DBC1 · #96C7BA · #A78970 · #724203

Built around Bronze, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Custard (#F0FBD3): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#C1DBC1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#96C7BA): A luminous, dusty teal — the color of shallow lagoons.
• Caramel (#A78970): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#724203): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Softworn Chestnut color palette (#E5FDE5, #C4E0E2, #D5BECC, #A49684, #6E4800)
• Fern Ridge color palette (#F5F7E6, #CBDCB9, #7CB9B7, #91936E, #334B07)
• Faded Periwinkle Garden color palette (#D2F3EA, #6EC7DB, #7C9BE9, #9A6D1F, #523800)
• Wandering Fern color palette (#B6F3F3, #A7D5FF, #B5A6D9, #998F5E, #384E19)
• Aged Cerulean color palette (#CBF7F6, #97C2D1, #6A85A1, #6C4D5D, #47323B)
• Driftwood Orchard color palette (#DCFEF3, #FDE9FC, #C7A4BB, #9A6B8A, #6B423C)
• Wandering Market color palette (#FBF3EF, #C1EBE9, #97C3E9, #50A9A1, #5A3C55)
• Cobalt Study color palette (#DDF6E8, #4AA6B8, #4274B1, #764200, #321B00)

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