Tempered Pier color palette — #F7D4E7 · #C85700 · #137D16 · #632700 · #000200

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

The five colors

• Shell Pink (#F7D4E7): A whisper-light, dusty pink — the color of neon signs at night.
• Terracotta (#C85700): A full-bodied, vivid orange — the color of autumn markets.
• Olive (#137D16): A full-bodied, vivid green — the color of new leaves after rain.
• Rust (#632700): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Feathered Mulberry Workshop color palette (#FFE5D4, #9C4F00, #4F6100, #790050, #030100)
• Timeworn Bronze color palette (#CCEBD7, #957C00, #007773, #483B00, #000201)
• Muted Basin color palette (#D8E7D7, #915F00, #90007E, #3D2500, #040003)
• Amber Veranda color palette (#FFD8BC, #DA6F00, #7D3C00, #280F00, #030100)
• Airy Crimson color palette (#C9FBE9, #8A9D00, #D23A49, #495400, #170002)
• Hushed Coast color palette (#F8E9DF, #993700, #005264, #4A1600, #000305)
• Weathered Ember color palette (#FEE9F5, #E85700, #008DAD, #A43B00, #001219)
• Amber Summit color palette (#FFF2E9, #F4BB71, #C19300, #813B1B, #140007)

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