Mustard Courtyard color palette — #DDF6E5 · #E1BE31 · #3B92D7 · #976EB8 · #152C1E

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

The five colors

• Honeydew (#DDF6E5): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#E1BE31): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3B92D7): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#976EB8): A luminous, balanced violet — the color of a velvet chair.
• Deep Forest (#152C1E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Softworn Iris Dune color palette (#DFF4EE, #AAD168, #7E7EE3, #AA67A3, #052E25)
• Hushed Parlor color palette (#EAF9F2, #C4BA37, #0086DC, #A159A1, #2C1222)
• Frosted Periwinkle color palette (#E6FBF2, #B6C270, #85ACF7, #AF7AB2, #1D3930)
• Feathered Veranda color palette (#E4F7F3, #83C760, #00A0D6, #984F99, #422200)
• Faded Lime color palette (#DEF6E3, #9ECB65, #00B189, #7E63AE, #0D3834)
• Amber Field color palette (#FFF4E1, #C59600, #8080CC, #585893, #1E1302)
• Muted Study color palette (#FCE8F0, #FB9521, #00B3CF, #5D77D0, #381C28)
• Raspberry Loft color palette (#BDF1E8, #65D630, #7F6BE9, #D5058E, #0A2700)

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