Softworn Cocoa color palette — #CAF6FB · #006D5A · #713300 · #3A2F00 · #051C00

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

The five colors

• Frost (#CAF6FB): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#006D5A): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#713300): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3A2F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#051C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Weathered Atelier color palette (#D5FBF7, #007622, #880011, #462500, #1A1B00)
• Denim Delta color palette (#E2F5FF, #00667D, #4F4500, #133300, #001C19)
• Muted Garnet Lantern color palette (#E3F1FF, #0067A2, #860038, #2A2F00, #00050D)
• Soft Plum Quarry color palette (#D4FAED, #0080BF, #B80050, #464B00, #001824)
• Sunlit Plum color palette (#ECE3F9, #B82091, #8B1A00, #422F00, #0D2C00)
• Dusty Fern Terrace color palette (#E9F8FC, #4D8F8A, #886132, #555100, #213E3D)
• Tempered Cobalt color palette (#F0F5FF, #5B75B9, #32662F, #004944, #142A39)
• Antique Magenta Coast color palette (#CBF8E8, #2CAEFB, #CC25ED, #00865C, #00191E)

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