Wandering Courtyard color palette — #F0F7F4 · #E0D3D1 · #BBBCAE · #5FA8CA · #38423D

Cyan takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E0D3D1): bright and airy, almost weightless.
• Stone (#BBBCAE): soft and architectural.
• Cyan (#5FA8CA): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#38423D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Timeworn Iris Quarry color palette (#FCF2F8, #E5D7D4, #ABB4A9, #8986D9, #402F39)
• Dusty Petrol Villa color palette (#EFF6FC, #D9D9E1, #C0BCCE, #447B99, #41494E)
• Tempered Teal color palette (#F6F6E9, #C3F3D7, #53B0A5, #578170, #303F00)
• Aged Denim Station color palette (#E4F2ED, #DBCAD7, #C099AA, #00527E, #000302)
• Bronze Meadow color palette (#DFFEED, #FFE6EC, #BC9FC9, #87782F, #4A4E00)
• Ancient Harbor color palette (#FEF4DF, #7ADAFE, #8685E5, #706323, #1A3831)
• Navy Pier color palette (#F6ECF3, #CCB3BC, #A984A4, #272F82, #030002)
• Dusty Pier color palette (#ECF9F2, #43CDF4, #C56690, #4D6615, #223109)

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