Tempered Pier color palette — #FFF1F6 · #B99CF3 · #644E52 · #34272C · #130D11

Wisteria takes the lead with Charcoal Brown close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#B99CF3): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#644E52): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#34272C): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#130D11): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Periwinkle Balcony color palette (#FDF0FF, #6AB3FF, #614E5B, #302831, #0B110E)
• Softworn Canyon color palette (#FFF1F1, #F482C1, #654F49, #342727, #140D0E)
• Patina Coast color palette (#EBEDF7, #8878AD, #3E384A, #1B1D2B, #090D13)
• Powdered Magenta Bloom color palette (#FFF1F4, #DA34F7, #532D43, #230E13, #050002)
• Softworn Mallow Boulevard color palette (#FFF1F1, #FFAEE2, #C9BD6E, #6DADC2, #483232)
• Garnet Lagoon color palette (#F4E3E3, #93002C, #3E4900, #1A180B, #100200)
• Inked Aubergine color palette (#F5DFE6, #58007F, #32231B, #140504, #040003)
• Eclipse Bloom color palette (#FFDBDE, #C300B6, #3D1425, #25190F, #0B0102)

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