Amber Courtyard color palette — #FFF0F9 · #AEA2FF · #BD7417 · #405F34 · #0C2319

Built around Mustard, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wisteria (#AEA2FF): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#BD7417): A luminous, balanced gold — the color of honey in a jar.
• Pine (#405F34): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#0C2319): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Pale Mallow color palette (#FFF1F5, #DC9CFF, #BD7557, #48662F, #00313E)
• Wandering Villa color palette (#E6FAF5, #73B2FF, #BE715F, #646424, #0E190C)
• Airy Wisteria Studio color palette (#FFF1F4, #D191EF, #968622, #006554, #241524)
• Patina Wisteria Delta color palette (#FFF1F3, #D397E6, #D78484, #82852E, #123226)
• Peony Summit color palette (#FFF4E2, #DBBBFF, #C275A0, #616836, #412A2F)
• Terracotta Atelier color palette (#F1F0FC, #9969AE, #9A3B36, #104E03, #050F25)
• Timeworn Taupe Studio color palette (#FBF2F6, #E5D7D4, #C5C6BB, #BB8FA2, #453C40)
• Peony Pier color palette (#FFF1F2, #FF54C4, #617C00, #005558, #1A0414)

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