Soft Amber Garden color palette — #FFF1F1 · #FFBFA6 · #CA8F40 · #7E6D09 · #3C441C

Mustard and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Wheat (#FFBFA6): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#CA8F40): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#7E6D09): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3C441C): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft Amber 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

• Linen Moss Summit color palette (#FFF2EB, #FFD7A0, #A79D36, #5E762B, #2E4E32)
• Dusty Coral color palette (#FFF0F8, #FFC8D0, #E08665, #98612C, #4F3A06)
• Amber Orchard color palette (#FFE8DE, #F8BE96, #E09A46, #B48100, #574A0F)
• Marigold Parlor color palette (#FFE7DE, #F79D22, #9F8600, #595B00, #072E01)
• Washed Lagoon color palette (#DDFFE8, #C1E2C3, #B59D52, #705702, #2A1D00)
• Amber Field color palette (#EBFAED, #F4CF83, #88C1F5, #AE8207, #143B5B)
• Velvet Bronze color palette (#F4DFCB, #8B6500, #3A4300, #061A00, #000201)
• Aged Taupe color palette (#E9FBE7, #E7DEAE, #B89772, #805F76, #1B3831)

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