Wandering Courtyard color palette — #FFF1F4 · #D7E6AB · #B290B9 · #7F656A · #35272A

Celadon Mist and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Celadon Mist (#D7E6AB): A whisper-light, dusty green — the color of fresh herbs.
• Mauve (#B290B9): A luminous, dusty pink — the color of neon signs at night.
• Pewter (#7F656A): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#35272A): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

One click turns Wandering Courtyard 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 Loft color palette (#FEF2EC, #E8D683, #C87F6C, #69615D, #2C1E17)
• Softworn Sand Quarry color palette (#F9F2FE, #FEC29D, #897397, #54485B, #2F2932)
• Sunflower Field color palette (#FFF1F1, #D6D833, #C36CA0, #7E4668, #281414)
• Muted Pewter color palette (#F3F0F7, #AECCB4, #7B5171, #44243D, #16121C)
• Timeworn Mallow Station color palette (#FFF1F1, #FC9ABE, #58BAAB, #58968C, #3C2F3B)
• Dusty Cocoa color palette (#FEF4DE, #FFBACB, #CEA583, #6493AB, #713318)
• Muted Mustard Corridor color palette (#FCF2F3, #FFCBF1, #CDB66D, #C999BC, #332D23)
• Mustard Summit color palette (#F3D6D3, #C5BE18, #AF587A, #6A3549, #170605)

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