Softworn Garden color palette — #FFF2EB · #DDB08D · #A27B3D · #746300 · #4F4E47

Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#DDB08D): A luminous, dusty gold — the color of old brass.
• Mocha (#A27B3D): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#746300): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4F4E47): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn Garden 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

• Dusty Bronze color palette (#FBF4EA, #C6AC81, #8E92CF, #946A10, #614256)
• Patina Bronze Workshop color palette (#FCF4E8, #C1B79D, #9F7938, #7A5437, #504900)
• Pine Atelier color palette (#FFF4E2, #B3B17C, #748E4D, #31733C, #4A4D46)
• Mustard Pier color palette (#FFF0F9, #FFC994, #DCB372, #A09562, #35554A)
• Patina Chestnut color palette (#FDF4E6, #C1E2D3, #90C7C3, #B4876F, #645100)
• Pale Amber color palette (#F1E0D3, #C48E00, #806F00, #4B5600, #0E4B03)
• Antique Cobalt color palette (#FBF5E4, #A09A67, #688CB9, #736DAB, #533F00)
• Hushed Terrace color palette (#E6DFC3, #7F8900, #335A00, #003712, #002124)

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