Weathered Garden color palette — #F6EDE2 · #B2A289 · #948463 · #5E3D00 · #0E0802

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6EDE2): a clean, paper-quiet neutral.
• Taupe (#B2A289): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#948463): A luminous, dusty gold — the color of old brass.
• Bronze (#5E3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#0E0802): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Weathered Garden 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 Cocoa Chapel color palette (#E7DFD8, #C1BAA9, #92947C, #583100, #020100)
• Bronze Field color palette (#F0E8DE, #A29887, #836F25, #3E2400, #110700)
• Wandering Grove color palette (#EEEFE0, #B1B89A, #8F9B7D, #236213, #141503)
• Airy Bloom color palette (#E8DDCB, #C68000, #8F7300, #565D00, #030200)
• Olive Alley color palette (#E2E4CB, #68823E, #3A5F38, #00353C, #00121A)
• Hushed Chestnut Study color palette (#E8E1CB, #7C5E00, #414000, #002620, #050300)
• Hushed Pine color palette (#F3F8E6, #D7E3C6, #B1C6A2, #2F8C50, #2F3800)
• Olive Boulevard color palette (#E3E3D5, #42882D, #005420, #372900, #010800)

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