Stone Courtyard color palette — #F2F7F0 · #D3DCD9 · #AFB2BF · #6F6468 · #4F544E

Ash and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Silver (#D3DCD9): bright and airy, almost weightless.
• Ash (#AFB2BF): soft and architectural.
• Graphite (#6F6468): a grounded near-black with real depth.
• Charcoal Brown (#4F544E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Aged Parlor color palette (#F8F3F9, #E2D7DA, #C3AFA9, #8FAFD1, #4C454D)
• Aqua Workshop color palette (#E8F6EB, #5FC8D9, #6F8077, #4B584F, #1E231E)
• Cerulean Alley color palette (#EBF3F5, #D1D8DF, #AEAEBE, #5F8B93, #2E383A)
• Dusty Coast color palette (#F4F7E8, #99DFE2, #7FB8CC, #8E84B4, #384E3E)
• Patina Orchard color palette (#DAE1DA, #8EA7A2, #748E8B, #007271, #010D02)
• Antique Orchard color palette (#F7F5ED, #E4DFC0, #BBB88D, #999D86, #594D00)
• Patina Station color palette (#ECF9EE, #B4F1FE, #B0C8FE, #A19EE0, #364C3D)
• Iris Summit color palette (#FCF1F9, #F0D2D4, #E3B5B4, #788FF6, #402B3B)

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