Weathered Amber color palette — #F9F1E6 · #B78C41 · #4A7F5A · #6C4251 · #221710

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

The five colors

• Cream (#F9F1E6): bright and airy, almost weightless.
• Mustard (#B78C41): A luminous, balanced gold — the color of honey in a jar.
• Fern (#4A7F5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#6C4251): A full-bodied, dusty rose — the color of strawberry cream.
• Ink (#221710): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Ember Study color palette (#FFEEE7, #C46A65, #7A7133, #56416D, #281817)
• Wandering Amber color palette (#FAF0E5, #B77826, #397440, #11574E, #281B14)
• Worn Taupe Summit color palette (#F8F1E1, #B9AD68, #727F52, #3F5A3E, #312C1B)
• Worn Coast color palette (#FDF2F5, #AF8759, #267A88, #474873, #3D3240)
• Dusty Terrace color palette (#F3EEDA, #868910, #3C3C35, #211E15, #0E0C08)
• Wandering Lagoon color palette (#FAF4EB, #C3A66A, #589366, #6E6095, #3B3730)
• Pale Olive Villa color palette (#F4F2E5, #628800, #006B73, #632705, #1C1201)
• Jade Boulevard color palette (#F0F3E9, #50A878, #25769C, #3A436E, #1C1A0E)

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