Weathered Amber color palette — #FFF1F3 · #FFD2C7 · #CF874D · #88611D · #464012

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FFD2C7): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#CF874D): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#88611D): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#464012): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Quiet Bronze color palette (#FFDFDA, #E08874, #BE6000, #715300, #43453E)
• Ancient Taupe color palette (#FFF1F6, #C1E8CA, #BF9373, #8B5D59, #1D382E)
• Muted Apricot color palette (#FFDED6, #FF975D, #A77800, #544C00, #1C3000)
• Worn Chestnut color palette (#FFF4E0, #DCDCC2, #C19A56, #7F5903, #2A1900)
• Antique Mustard color palette (#FFF2EA, #F4CB80, #B3A53F, #637B3A, #1B4225)
• Ember Ridge color palette (#FFE2E2, #DB5300, #794600, #2F2400, #020300)
• Wandering Stone Harbor color palette (#FFF0FA, #FFDCBF, #CBB979, #868B54, #265149)
• Linen Drift color palette (#FFF0F8, #FFC5AB, #96BBFF, #C47149, #263859)

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