Mustard Courtyard color palette — #F7DAF2 · #90D5FF · #DDB73F · #333029 · #1C1A15

Saffron and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F7DAF2): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#90D5FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Saffron (#DDB73F): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#333029): a grounded near-black with real depth.
• Ink (#1C1A15): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Worn Drift color palette (#E7EBFF, #7CD9FF, #FFA070, #342E2A, #251C15)
• Muted Basin color palette (#FEE2D1, #CFC1FF, #B6C64C, #322E1A, #1A1912)
• Dusty Coast color palette (#FFD6F2, #BFD9FF, #F2C446, #3E5A46, #29342C)
• Lime Canyon color palette (#FFDCCB, #68EAD7, #B0CC5A, #3B4732, #2F2E27)
• Tempered Moss Ridge color palette (#F8E8F1, #6CB4FF, #99AC00, #232800, #100C00)
• Chestnut Courtyard color palette (#F4F2E7, #DBBE9A, #6D6213, #32312A, #16140A)
• Tempered Jade Field color palette (#EBDDF5, #FFB7A9, #00B578, #20280E, #0F1209)
• Ancient Mustard Pier color palette (#F5E1E9, #CBA800, #009267, #001B10, #040800)

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