Tempered Pier color palette — #F8EEFB · #E4A1AF · #8A7481 · #5D4F61 · #232028

A conversation between Ballet Pink and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Blush (#F8EEFB): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#E4A1AF): A luminous, balanced red — the color of late-summer berries.
• Driftwood (#8A7481): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#5D4F61): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#232028): quiet, heavy and certain.

Feels like: 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

• Weathered Blush Ridge color palette (#FBF2FC, #E494A1, #614D5F, #302831, #110E13)
• Weathered Marigold color palette (#DEE8DD, #D99D4C, #597869, #3E4F3D, #1E151B)
• Dusty Coral Thicket color palette (#ECDDE9, #FD6C60, #875D33, #62312C, #160E1A)
• Ash Boulevard color palette (#F3F4FF, #E0D9EE, #D1BDCE, #749FAE, #415162)
• Aged Periwinkle Summit color palette (#FFF0F7, #F2B996, #81CAE2, #8FA3DF, #533A46)
• Weathered Amber color palette (#FBF1FF, #F9BFC0, #EB9A89, #C18053, #3C563D)
• Dusty Raspberry color palette (#FFE8E3, #C35C76, #5E2B00, #251C19, #110A0B)
• Muted Bronze color palette (#FAE0EA, #B16300, #4E4100, #2F1600, #050004)

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