Weathered Chestnut color palette — #F5F2E7 · #AABB8E · #558252 · #7E4320 · #2A2815

Bronze and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#AABB8E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#558252): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#7E4320): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#2A2815): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Chestnut 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 Basin color palette (#F2F3E9, #A0D1B3, #588F81, #84561A, #2A3700)
• Mustard Canyon color palette (#FBF0DD, #ADAE3A, #587728, #5C4A12, #222200)
• Cypress Workshop color palette (#EAF9F1, #91B9AF, #4F8062, #64516C, #2A4942)
• Chalky Mint Quarry color palette (#E0FCCF, #A8CC79, #668A3C, #30460F, #0E1900)
• Hazy Ridge color palette (#F7F2DC, #A0AD4D, #927FCB, #626C00, #2A2043)
• Wandering Bronze Atelier color palette (#F4F3E0, #A9F7E9, #96CDBE, #9A803A, #2E2E19)
• Weathered Teal color palette (#FCF4E5, #D6EFC2, #70AD93, #8C6D73, #393932)
• Antique Emerald color palette (#EAE7C0, #43AE56, #006C4D, #5D310B, #001D05)

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