Ash Courtyard color palette — #FBF3F4 · #E0D8D4 · #B0B9B2 · #C2A1C7 · #554A4C

Built around Mauve, softened by Charcoal Brown — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Silver (#E0D8D4): bright and airy, almost weightless.
• Ash (#B0B9B2): soft and architectural.
• Mauve (#C2A1C7): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#554A4C): 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 Ash 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 Veranda color palette (#F1F1F9, #DED4DA, #B8ABA8, #817F9C, #36353B)
• Dusty Archive color palette (#FFF1F2, #E2D9D1, #D2B7A7, #85926F, #435640)
• Ancient Harbor color palette (#FBF3F3, #E3D9D2, #ABBAB3, #D75FAB, #442E2F)
• Tempered Dune color palette (#FFF1F1, #DB96B6, #644F48, #372625, #140D0E)
• Wandering Olive color palette (#FFF4E2, #F9CCF5, #CC8E98, #587E4E, #503838)
• Muted Cocoa color palette (#F9F4EE, #C8DECD, #A7B586, #9E7A87, #574400)
• Aged Cocoa Hollow color palette (#F9EBE3, #D9CDC3, #B4A38C, #872900, #060100)
• Softworn Aubergine Delta color palette (#F7EDEE, #C6B7B5, #AD887E, #67005E, #040001)

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