Bronze Courtyard color palette — #F9F4EF · #D8DBCF · #B4C4B2 · #A9733D · #413931

Built around Mocha, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#D8DBCF): bright and airy, almost weightless.
• Stone (#B4C4B2): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A9733D): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#413931): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Bronze 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 Field color palette (#F9F5E9, #DDE1CB, #85CEC2, #817B00, #35332C)
• Muted Taupe Lagoon color palette (#F6F5EF, #D5DDD7, #A6B9BC, #A49C73, #54534C)
• Tempered Bronze Coast color palette (#E9DFCB, #967F00, #264A25, #2A200B, #140B05)
• Chestnut Corridor color palette (#E7DFD5, #C9C4B2, #A1A98B, #825700, #251E14)
• Antique Studio color palette (#FFE2D5, #CEB383, #78A177, #825674, #613F41)
• Muted Corridor color palette (#E5E5DD, #9FA896, #718F78, #334F00, #0B0A01)
• Tempered Lagoon Harbor color palette (#F8F6E7, #93C2A0, #18938B, #7E546D, #303B00)
• Olive Workshop color palette (#FFEBD8, #E3874D, #608600, #56488E, #34302A)

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