Mustard Courtyard color palette — #FFF0F8 · #F8B21D · #54BE80 · #8659B4 · #393800
A conversation between Saffron and Amethyst, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Saffron (#F8B21D): A luminous, vivid gold — the color of old brass.
- Jade (#54BE80): A luminous, balanced teal — the color of sea glass.
- Amethyst (#8659B4): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#393800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.
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
- Pale Teal color palette (#FFE6FA, #CABC63, #02B094, #975B94, #003A30)
- Powdered Lime Basin color palette (#FFF1F5, #FFA78B, #A4AF25, #6962C6, #4C2D06)
- Mulberry Courtyard color palette (#F4D3E9, #D0A426, #1AA979, #803D91, #232700)
- Patina Ridge color palette (#FFF4E2, #BDA900, #3F9332, #3D50AE, #343A00)
- Patina Corridor color palette (#FFDAF9, #DFC796, #92BA9B, #B47980, #713530)
- Moss Delta color palette (#C5E8DC, #94AF00, #3D7174, #1E4B3E, #07150A)
- Tempered Study color palette (#FEF0FC, #AADFBD, #7AB7D8, #A0809D, #314D52)
- Hazy Clover Cabin color palette (#FFDADF, #41D065, #009DC4, #B73259, #003128)
Browse the whole catalog at Explore, or see today's palette.