Ancient Mustard Courtyard color palette — #FFF0F9 · #B4B6FF · #CCB448 · #9AAE70 · #45313D

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#B4B6FF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#CCB448): A luminous, balanced green — the color of new leaves after rain.
• Sage (#9AAE70): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#45313D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, muted.

Use it as a design system

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

• Misty Veranda color palette (#FFF1F4, #DFA1FF, #9DC368, #7CB492, #4A2F37)
• Chalky Alley color palette (#DFFDF1, #66CAFF, #F99864, #C69D60, #243E34)
• Weathered Dune color palette (#FFF0F9, #EAD6DD, #98B9DE, #B9B4A7, #604852)
• Softworn Sand Veranda color palette (#FFF3E6, #E6CF90, #C9A57E, #A57E66, #3F3D36)
• Aged Sunflower Quarry color palette (#D8DDFF, #F6CB19, #AEC6FF, #6D5C6A, #292428)
• Worn Moss color palette (#E9DCF4, #D9A4FF, #00B084, #739500, #321146)
• Patina Celadon Pier color palette (#FFF1F5, #C7E0A0, #A586BC, #795963, #2B1D21)
• Teal Grove color palette (#FFDBD5, #FFA6C0, #40ABD6, #00A78A, #42211C)

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