Aged Courtyard color palette — #FFF2EF · #FF9DB1 · #B79E49 · #438C7E · #492C46

A conversation between Ballet Pink and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FF9DB1): A luminous, balanced red — the color of embers at dusk.
• Mustard (#B79E49): A luminous, balanced green — the color of new leaves after rain.
• Fern (#438C7E): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#492C46): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Timeworn Courtyard color palette (#FFF2EB, #FFA384, #85AE68, #4286A2, #482B4E)
• Feathered Mallow Ridge color palette (#FFF1F2, #F29CE0, #CF905D, #5C8A57, #073E50)
• Blush Courtyard color palette (#FBF1FD, #F69DB0, #6B9766, #006A65, #0B2C4E)
• Timeworn Stone color palette (#FFF2EE, #F0CCB6, #C9AF90, #82957F, #335242)
• Gentle Atelier color palette (#FFE0DA, #FF7A69, #769900, #00738C, #3A004D)
• Apricot Hollow color palette (#FFE2DF, #FFB7A5, #F19561, #AB7446, #4C4741)
• Pale Marigold color palette (#F2DEC6, #DA9000, #009C6D, #1761AF, #3B0529)
• Tempered Balcony color palette (#FEF0DA, #E0A700, #00AA97, #6269A8, #49191F)

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