Softworn Cocoa color palette — #F7F6E4 · #94A178 · #297066 · #74371B · #2F3B00

Built around Rust, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#94A178): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#297066): A full-bodied, dusty teal — the color of sea glass.
• Rust (#74371B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#2F3B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Garden color palette (#FCF4E8, #9F9E6D, #4E6D37, #673D41, #37352F)
• Muted Pine Ridge color palette (#E5F6F2, #87AB85, #32744B, #544500, #00221F)
• Washed Chapel color palette (#F5EAD4, #809F44, #006D33, #4F4200, #253400)
• Worn Boulevard color palette (#E5E7D1, #4D9D82, #006262, #27471F, #003124)
• Lagoon Thicket color palette (#F6F6E9, #9CBF9A, #499263, #746219, #35362F)
• Tempered Terrace color palette (#F3F9DE, #ADE5D7, #79B9D7, #757632, #394900)
• Lagoon Chapel color palette (#E7E8D0, #3A8B6D, #00504D, #4E1D11, #002115)
• Soft Emerald Ridge color palette (#E4E9C6, #4DA24C, #7A3C8E, #863643, #2B2E0A)

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