Tempered Pier color palette — #F0E2E0 · #C2A196 · #AC6E49 · #670438 · #1F0E0D

Mulberry takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F0E2E0): a clean, paper-quiet neutral.
• Rosewood Mist (#C2A196): A luminous, dusty orange — the color of toasted spice.
• Mocha (#AC6E49): A full-bodied, balanced gold — the color of old brass.
• Mulberry (#670438): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#1F0E0D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged scandi, muted, light, 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

• Tempered Cocoa Field color palette (#F6E7DD, #B6A696, #9D7837, #5E2200, #1E1006)
• Hushed Aubergine color palette (#F7E7EC, #BDA1A5, #977674, #47245F, #1C0F14)
• Mulberry Delta color palette (#EDE8F1, #BEAEBC, #A58D99, #872B58, #1B0D22)
• Chestnut Garden color palette (#F4EDE7, #D8CABA, #AC9F86, #7B4521, #372B22)
• Plum Orchard color palette (#E2DCE5, #BFA9B1, #B08D97, #CA166C, #1B0E20)
• Ancient Rust color palette (#FFE4E6, #BB5418, #624918, #003332, #001E1E)
• Ancient Bronze Coast color palette (#F9F4ED, #D9DDD1, #B9C4B3, #877143, #4D473D)
• Midnight Garnet color palette (#FBDCD5, #8C0033, #2F2B00, #001818, #080023)

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