Weathered Amber color palette — #F5D7E6 · #B89150 · #8F532E · #5F2C30 · #011E13

Mustard and Ochre set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F5D7E6): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B89150): A luminous, balanced gold — the color of old brass.
• Ochre (#8F532E): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5F2C30): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#011E13): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Chestnut Terrace color palette (#CEE9D2, #9B9D5C, #805E12, #583421, #001D1A)
• Patina Taupe Bloom color palette (#E7F7E5, #B6AD74, #8D6F4A, #604056, #102822)
• Timeworn Courtyard color palette (#F9E0EB, #B58899, #875633, #623723, #243623)
• Timeworn Amber color palette (#FFF3E9, #EDBE89, #B8794E, #7B493B, #2D1F06)
• Hushed Bronze color palette (#F9E7EE, #8B6D00, #653600, #480103, #000704)
• Petrol Orchard color palette (#D4EDFD, #0081A5, #7F5F00, #564000, #00121E)
• Moonless Fern Canyon color palette (#CDE7D1, #646600, #473200, #2B0E00, #000200)
• Coral Canyon color palette (#E2EAF7, #E27F79, #30427B, #0D1B34, #02050D)

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