Softworn Cocoa color palette — #FAF1DF · #9DA578 · #516F3E · #6F3216 · #221C00

A conversation between Rust and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAF1DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9DA578): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#516F3E): A full-bodied, balanced green — the color of fresh herbs.
• Rust (#6F3216): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Powdered Pine Balcony color palette (#F8F1DF, #9CB170, #3A7D2F, #544E12, #262100)
• Timeworn Meadow color palette (#E5E8C6, #4BAA7C, #006B5B, #583500, #001C0F)
• Hazy Amber Balcony color palette (#F8EBDA, #B08D1E, #806D00, #3E4400, #1C2900)
• Tempered Basalt Delta color palette (#EDF9F0, #8DA37C, #297258, #603968, #2A3C19)
• Dusty Driftwood Ridge color palette (#F6F1EA, #D0C29F, #90843B, #7F5914, #33312A)
• Hazy Cobalt Cabin color palette (#F2E9CD, #989543, #6F72BF, #5B5800, #171244)
• Softworn Bloom color palette (#FEF4E3, #C5D9A0, #5B9976, #7C5762, #2D2806)
• Aged Station color palette (#FAF2D2, #C0E7B7, #78CAAF, #836A25, #242306)

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