Softworn Cocoa color palette — #E6E6D0 · #7DB396 · #00837B · #853C31 · #01321F

Rust and Teal set the tone — five colors that lean into calm and balance.

The five colors

• Parchment (#E6E6D0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#7DB396): A luminous, dusty teal — the color of sea glass.
• Teal (#00837B): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#853C31): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#01321F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

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

• Hushed Lagoon color palette (#F5F6EB, #A9BB9A, #2E9094, #8B523C, #063F32)
• Muted Harbor color palette (#E1FCF5, #77D19F, #00897D, #74403A, #001D1D)
• Muted Pine color palette (#EBE4D3, #93AF7E, #178656, #5F5700, #1C2F0A)
• Tempered Corridor color palette (#EDE3D4, #A4A97A, #4C813D, #7A3C64, #292C00)
• Timeworn Forest Coast color palette (#D2EBE6, #669A71, #006541, #463E05, #0D3118)
• Dusty Delta color palette (#FCEDDB, #98955D, #416F00, #5D3E00, #1E1C00)
• Timeworn Lagoon color palette (#E5E7D1, #74D28D, #4CA57B, #7C764B, #272C10)
• Chalky Terrace color palette (#FEF3E8, #CABA85, #7C9126, #087C5C, #473900)

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