Stone Courtyard color palette — #FBF3F4 · #E1D9D3 · #CCA7CC · #9FB4AA · #585051

A conversation between Mauve and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Bone (#E1D9D3): a clean, paper-quiet neutral.
• Mauve (#CCA7CC): A luminous, dusty pink — the color of a candy shop window.
• Ash (#9FB4AA): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#585051): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Timeworn Pier color palette (#FDF2F1, #E4D8CB, #AABBC8, #DF81B2, #503938)
• Softworn Ash color palette (#FFF1F4, #EFD5C2, #D2BCAA, #87A795, #45564D)
• Tempered Villa color palette (#F2F0F8, #DDD4D9, #BBAAA9, #997594, #37353D)
• Antique Fern Garden color palette (#FAF4EC, #E7DEBD, #9EC192, #AE919E, #5C4C00)
• Washed Basin color palette (#FDF2F5, #D9B7F1, #CDA160, #40969A, #254B40)
• Washed Blush color palette (#FFEDEB, #F595B7, #A96947, #634F4D, #262021)
• Amber Balcony color palette (#FFF3E9, #DBDCC4, #B8C8A3, #E47603, #38322D)
• Mulberry Coast color palette (#E5DBDC, #AF9E8F, #9E8863, #933E7F, #110607)

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