Tempered Mustard Courtyard color palette — #EAFAEF · #DDC271 · #DF99B5 · #A08B49 · #55475D

Built around Honey, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Honey (#DDC271): A luminous, balanced green — the color of new leaves after rain.
• Ballet Pink (#DF99B5): A luminous, balanced rose — the color of a warm blush.
• Moss (#A08B49): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#55475D): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered 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

• Hushed Mint Atelier color palette (#E4FBF6, #A4D490, #E29F85, #719961, #5D4454)
• Softworn Hollow color palette (#FFF0F9, #F7B198, #BCA5DB, #B97A64, #494A67)
• Worn Alley color palette (#E0FEED, #C2B351, #72B59A, #BC8173, #36473E)
• Bronze Workshop color palette (#EDF8F1, #C1AF74, #8A95C9, #837137, #3E4D6B)
• Patina Mustard color palette (#FBF4E8, #E7D2A9, #B8C2FF, #C0A64F, #444A6F)
• Patina Atelier color palette (#EAFAF3, #C4CC76, #6EC0CE, #8C9253, #315260)
• Tempered Taupe color palette (#EAFAEF, #ACD6BF, #A99B6D, #637C68, #3B4C44)
• Pale Canyon color palette (#DBFFEE, #B8B500, #F85F7A, #7F7C00, #641E2B)

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