Stone Courtyard color palette — #F7F5EB · #AFB77F · #6E8FB4 · #5E6592 · #5F333E

Sage takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F5EB): bright and airy, almost weightless.
• Sage (#AFB77F): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#6E8FB4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5E6592): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5F333E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Patina Cocoa Station color palette (#F3F7E9, #8CC099, #8E84B5, #8C5571, #643500)
• Weathered Pier color palette (#FDF3ED, #DAA292, #68997C, #5F6594, #5D3636)
• Teal Quarry color palette (#F5F6EC, #A8D699, #4ABEB7, #508EB9, #45423B)
• Muted Lagoon color palette (#FBF3EF, #CDE8E5, #8DBDAB, #549486, #5D4C5D)
• Teal Courtyard color palette (#EFF8EE, #F0C386, #3BADAF, #82588C, #433048)
• Tempered Denim Cabin color palette (#ECF8F8, #6AA78B, #2C7D89, #25548C, #483A60)
• Powdered Jade color palette (#F0F5DE, #54AB69, #6669B0, #7B2E64, #530A13)
• Tempered Moss Canyon color palette (#FCF6DA, #9DA400, #007FBF, #8E255F, #570C37)

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