Mustard Courtyard color palette — #E4F7EB · #D2B548 · #69817D · #4D5851 · #271F22

Gold and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Gold (#D2B548): A luminous, balanced green — the color of fresh herbs.
• Storm Blue (#69817D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#4D5851): quiet, heavy and certain.
• Onyx (#271F22): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Washed Apricot color palette (#FFEBF6, #F69E74, #6D8174, #5C5157, #242025)
• Hushed Coast color palette (#E4F6F3, #7ACF70, #658187, #475956, #1D2320)
• Mustard Veranda color palette (#EDF9F1, #C1AF59, #455A51, #212F27, #0C110D)
• Weathered Grove color palette (#C9E6DA, #9DAC00, #3A755B, #2B493E, #09150A)
• Tempered Lagoon color palette (#E0FFE2, #E7DB8A, #A6BC76, #73A381, #2B5459)
• Bronze Basin color palette (#F2EDE2, #958236, #403D00, #251D0C, #110B06)
• Dusty Moss color palette (#DEF5EE, #729C00, #255F50, #18362F, #020603)
• Chartreuse Terrace color palette (#E0FDF5, #AED688, #DBABDB, #C892A4, #334742)

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