Tempered Pier color palette — #F9DDEF · #AE6380 · #72373E · #2B1B00 · #020100

Mocha takes the lead with Oxblood close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F9DDEF): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#AE6380): A full-bodied, balanced rose — the color of a warm blush.
• Oxblood (#72373E): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#2B1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

Feels like: Sophistication. Tagged vintage, retro, muted.

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

• Bronze Hollow color palette (#FDE7E1, #A16D53, #5D401A, #142600, #000200)
• Hushed Garnet color palette (#FCD4E2, #925B62, #761206, #271E00, #031102)
• Hazy Atelier color palette (#ECDAD9, #D5535B, #7B001C, #1B1407, #120001)
• Raspberry Coast color palette (#FCE4EF, #C0377F, #7A003D, #340011, #040000)
• Shadow Garnet Loft color palette (#E4E1F5, #79416D, #5E150E, #001919, #000404)
• Plum Delta color palette (#E9DCE9, #B7324C, #585900, #560019, #010100)
• Patina Pewter Thicket color palette (#D1DFFB, #7F83A7, #93516A, #005234, #00181C)
• Worn Amber Lagoon color palette (#FFE6D9, #C1864A, #7D5E00, #1A3D20, #000E08)

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