Weathered Amber color palette — #F8DCDA · #D17700 · #837300 · #395600 · #00110A

Mustard takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F8DCDA): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#D17700): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#837300): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#395600): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00110A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Amber Courtyard color palette (#F2DFD4, #AB8B00, #5E7800, #005740, #000B0D)
• Bronze Pier color palette (#F7E6D5, #A47600, #625A00, #253000, #010D00)
• Weathered Coral color palette (#FBE9F2, #DA665F, #9B5F00, #544A00, #020D00)
• Aubergine Parlor color palette (#FFEADB, #DD5B02, #5E7200, #5A00AA, #130900)
• Softworn Bronze color palette (#F1E5E9, #A6B6B6, #78A5B1, #A06000, #240915)
• Mulberry Bloom color palette (#FEE4E5, #B28F6C, #6F8354, #773462, #3B0921)
• Tempered Amber color palette (#D3E4D3, #FF8C94, #CE8E00, #00976B, #0C1000)
• Pine Coast color palette (#FFE6DE, #FCA623, #9A9900, #148619, #00332A)

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