Mustard Courtyard color palette — #C7E7D3 · #DFC230 · #5D89EA · #978100 · #132652
A conversation between Saffron and Azure, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#C7E7D3): A whisper-light, dusty teal — the color of glacier melt.
- Saffron (#DFC230): A luminous, balanced green — the color of a quiet forest floor.
- Azure (#5D89EA): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#978100): A luminous, balanced green — the color of new leaves after rain.
- Midnight (#132652): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Mustard 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
- Lilac Coast color palette (#C5E7D7, #CDC941, #B185FF, #767300, #2F1C4D)
- Softworn Balcony color palette (#F7D3E0, #FFAE63, #17ADF7, #A15B00, #002C44)
- Tempered Villa color palette (#CAF1E4, #9DBF2D, #797DFF, #526700, #140E47)
- Mallow Cabin color palette (#DCF6E5, #D7BE57, #CCA6FF, #9F8500, #3D2B54)
- Tempered Orchid Corridor color palette (#DFF6E8, #D0B835, #BB63DE, #5E74E7, #002715)
- Powdered Sapphire Summit color palette (#F6EBD5, #987C00, #4264C1, #554500, #02093A)
- Airy Meadow color palette (#E2FCF6, #B1DB94, #BDB1FF, #7FAF5A, #394061)
- Fuchsia Balcony color palette (#C5E6E0, #94D87B, #E566E3, #358300, #40143F)
Browse the whole catalog at Explore, or see today's palette.