Softworn Cocoa color palette — #E9FCE4 · #BEE4E0 · #8EB5E0 · #95726A · #784016

Bronze and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E9FCE4): A whisper-light, dusty green — the color of new leaves after rain.
• Silver (#BEE4E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8EB5E0): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#95726A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#784016): A full-bodied, balanced gold — the color of old brass.

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

• Washed Station color palette (#E4FCEE, #BEE2E7, #C6A5B8, #AB6C48, #684200)
• Stone Quarry color palette (#F7F8D5, #C7E2D1, #9EC2A4, #9D747E, #634846)
• Washed Veranda color palette (#CBFDFE, #A7C0CD, #728194, #67505E, #492F3F)
• Tempered Study color palette (#EEF6FF, #B8BFFF, #A280B0, #775318, #2F2400)
• Iris Thicket color palette (#DFFBFF, #8ACFFF, #808BEA, #9A4338, #4C2A00)
• Powder Courtyard color palette (#F9F4ED, #C1E1F1, #79C2FF, #2B919C, #4F354D)
• Plum Canyon color palette (#FDE6F7, #B69EDF, #A24F87, #503E00, #111E00)
• Muted Taupe color palette (#FCF4E8, #CFE9BF, #95A760, #6F7E3A, #3B3831)

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