Tempered Pier color palette — #F8EFF2 · #E1D5D0 · #C7BAB0 · #7B6C93 · #32292D

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Bone (#E1D5D0): bright and airy, almost weightless.
• Stone (#C7BAB0): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#7B6C93): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#32292D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Pewter Garden color palette (#FAF3F5, #E3D8D5, #CFBBB3, #836699, #514348)
• Antique Thicket color palette (#F8EFEE, #E1D5C6, #CEBBAC, #A1486B, #31201E)
• Timeworn Stone color palette (#FFEBF6, #DDB1B4, #98796E, #4C634D, #1C3C29)
• Timeworn Lagoon color palette (#F3F3E7, #ADB995, #40827A, #6C4A4E, #242A15)
• Plum Workshop color palette (#FAE5E7, #A45099, #452822, #221012, #0A0507)
• Mulberry Veranda color palette (#F1E6E3, #D5C9C2, #B0A192, #8B3146, #1F120F)
• Dusty Aubergine Lagoon color palette (#F3E9EC, #B39898, #8E756F, #500D6A, #0C0104)
• Tempered Mallow color palette (#FFECF0, #E5D5F2, #DD99EA, #C56856, #341718)

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