Softworn Cocoa color palette — #FFEEE6 · #97B68C · #3B8493 · #7E3B33 · #272F1D

Rust and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#97B68C): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#3B8493): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#7E3B33): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#272F1D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Chestnut Dune color palette (#F8F1E3, #9FB38C, #4E7DA5, #625000, #1F3120)
• Mulberry Station color palette (#FFEEE7, #BAAB75, #428871, #703D66, #302D16)
• Weathered Cerulean color palette (#FDF4E6, #6BB9A0, #008698, #724B64, #3E4C3B)
• Ancient Jade color palette (#FFEEE2, #1AAB6E, #006A93, #632C00, #00221F)
• Aged Grove color palette (#FDF1FD, #96CE9E, #34A0C4, #8E6063, #324D51)
• Hushed Workshop color palette (#F8F1E0, #C2CCB5, #7D9A8C, #835A18, #5F3E00)
• Antique Drift color palette (#F7F0ED, #CBE0E0, #809FC3, #267B6A, #442E3C)
• Muted Coast color palette (#E7F1E6, #31948E, #2A4139, #182117, #0C0D07)

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