Timeworn Amber Pier color palette — #FFF1F0 · #FFBAA4 · #D57900 · #815700 · #453900

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFBAA4): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#D57900): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#815700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#453900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Ancient Canyon color palette (#FFF2EC, #F0A973, #B07D00, #6D5E00, #2B3400)
• Hushed Amber color palette (#FFE7DD, #FFA876, #E88000, #AA6700, #5E3C00)
• Soft Amber Courtyard color palette (#FFF3E7, #E5CD9B, #CD7C1B, #9D3C1E, #2B2900)
• Amber Canyon color palette (#F9EAE0, #C67B00, #786200, #393700, #060E00)
• Linen Terrace color palette (#FFDECF, #E56E00, #A35900, #663900, #2F1C00)
• Softworn Rose color palette (#FFF1F6, #FFBFC9, #FE424E, #A63E00, #543000)
• Patina Coral Veranda color palette (#FFF3E7, #B9EFD8, #C5C9D4, #F47E6B, #573D00)
• Antique Olive color palette (#FFF3E7, #F7D191, #A9A02A, #667D00, #27441A)

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