Weathered Amber color palette — #F9DBE2 · #F99C7B · #AE8F00 · #763574 · #2B0501

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

The five colors

• Shell Pink (#F9DBE2): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#F99C7B): A luminous, balanced orange — the color of autumn markets.
• Mustard (#AE8F00): A luminous, balanced green — the color of a quiet forest floor.
• Mulberry (#763574): A full-bodied, balanced pink — the color of a candy shop window.
• Ink (#2B0501): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged pastel, light.

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

• Powdered Marigold color palette (#FFE1D9, #F2A313, #83A12B, #813853, #240F00)
• Frosted Aubergine color palette (#FDD6E0, #D78A63, #837A00, #542266, #370705)
• Gentle Orchard color palette (#FEE6FF, #FFB79B, #CD8C3C, #920060, #0D0000)
• Gentle Boulevard color palette (#F3D7D8, #FF88A6, #DD7732, #614B94, #2C0316)
• Byzantium Ridge color palette (#F2DBF6, #F5A98D, #AFAE01, #A443B3, #3B0504)
• Muted Bronze color palette (#F5DECF, #9C8100, #602100, #200600, #040100)
• Navy Lagoon color palette (#EBDBD0, #AE551E, #003F87, #2F2066, #0C0200)
• Worn Mustard color palette (#FFF0EE, #FFCCAE, #D6C148, #B65A8C, #5A240F)

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