Tempered Pier color palette — #FFF1F2 · #FFAA96 · #C67C00 · #715600 · #2D2D00

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFAA96): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C67C00): A luminous, balanced gold — the color of old brass.
• Coffee (#715600): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#2D2D00): 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 Tempered 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

• Misty Veranda color palette (#FFEFE6, #FABF68, #A28700, #5F6A00, #063407)
• Pale Orchard color palette (#FFF0F8, #FFA4B3, #D46053, #934500, #382500)
• Amber Drift color palette (#FFE0D6, #F5A375, #DA800D, #996B00, #4B3A00)
• Bronze Field color palette (#FFE3D6, #B47000, #645600, #212A00, #000301)
• Washed Amber color palette (#FFEAE6, #DB6D00, #835900, #473900, #0D1500)
• Timeworn Amber Villa color palette (#FFF4DB, #FDD482, #B48117, #5B4800, #140D00)
• Driftwood Loft color palette (#FFF1F5, #A9D3B8, #AE7F4F, #7C483E, #002920)
• Washed Sky color palette (#E4FDE8, #E8B752, #47B1EE, #976E00, #002B42)

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