Wandering Courtyard color palette — #F2F5FD · #9ACCC1 · #575985 · #2E3851 · #26242B

A conversation between Graphite and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F5FD): bright and airy, almost weightless.
• Stone (#9ACCC1): A luminous, dusty teal — the color of sea glass.
• Graphite (#575985): A full-bodied, dusty violet — the color of wild irises.
• Navy (#2E3851): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#26242B): a grounded near-black with real depth.

Feels like: 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

• Ancient Pewter Pier color palette (#F9EFF3, #D9C08E, #655887, #3D2A33, #1B1015)
• Muted Bronze Boulevard color palette (#F3F5FB, #BBB9F3, #B1683D, #69659D, #352A30)
• Aged Veranda color palette (#F3F4FF, #EBCD90, #8175A4, #484C60, #292B34)
• Aged Mulberry color palette (#F8F2FF, #91BC87, #743A60, #451E38, #241F2A)
• Ash Market color palette (#FEF1F7, #E1E1BA, #9D99C2, #826273, #32282D)
• Misty Aubergine color palette (#F2F4FF, #3EBB87, #522D8E, #2D1454, #16182D)
• Wandering Azure color palette (#EEF6FF, #6193D0, #8A812B, #096A80, #333E4B)
• Weathered Lagoon color palette (#F8F2FD, #B96B8F, #A25151, #00584E, #353041)

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