Wandering Garden color palette — #FBF2F9 · #F5FACA · #AB766E · #563D51 · #20181E

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Custard (#F5FACA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#AB766E): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#563D51): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#20181E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Wandering 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

• Tempered Pier color palette (#F6F4FB, #BAECF4, #A4729D, #49415B, #1C1923)
• Driftwood Workshop color palette (#EEF8F1, #B3E2EC, #98844C, #334D3B, #151E17)
• Washed Bronze Canyon color palette (#FDF3ED, #F5DBA4, #C3917E, #985C35, #332923)
• Hushed Chapel color palette (#F6F3FF, #E8ABE7, #7CB2F1, #93759D, #332F3D)
• Dusty Stone color palette (#FAEEF4, #DEBD96, #785569, #402836, #191116)
• Weathered Jade color palette (#FFF1F5, #DFB07D, #48A984, #7B6896, #37252B)
• Timeworn Chestnut Harbor color palette (#FDF3ED, #D1BE94, #884C29, #5D2600, #2A241B)
• Patina Marigold color palette (#DDF5E6, #D29517, #463C00, #1B2127, #0A0700)

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