Muted Courtyard color palette — #FFF3E4 · #D19117 · #5F89D2 · #885B00 · #533752
A conversation between Mustard and Azure, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#D19117): A luminous, balanced gold — the color of old brass.
- Azure (#5F89D2): A luminous, balanced violet — the color of wild irises.
- Ochre (#885B00): A full-bodied, balanced gold — the color of old brass.
- Charcoal (#533752): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Muted 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
- Quiet Atelier color palette (#FBF5E2, #A8A527, #837DD1, #6C6900, #56374A)
- Tempered Villa color palette (#FFF3E8, #DE873D, #2C93CB, #8D572A, #1E475F)
- Pale Mustard Harbor color palette (#EDF9EE, #DCAF62, #74AADD, #A27829, #1F4567)
- Wandering Market color palette (#FFF3E2, #AE8000, #008C95, #815786, #3B3731)
- Dusty Veranda color palette (#FEF3E6, #BCA567, #8B6C43, #76430B, #3F3D36)
- Timeworn Lime color palette (#F8F7DA, #79B825, #8F4ABB, #416A00, #4C2664)
- Lapis Coast color palette (#F2E6A9, #998400, #5D48FD, #5B4E00, #251F6A)
- Cocoa Pier color palette (#FFF3E2, #CEECC2, #AFD4A1, #937054, #5C4400)
Browse the whole catalog at Explore, or see today's palette.