Tempered Pier color palette — #F1F0FF · #B388C6 · #5C5468 · #373642 · #202128

Mauve and Charcoal Brown set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F1F0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B388C6): A luminous, balanced pink — the color of neon signs at night.
• Charcoal Brown (#5C5468): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#373642): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#202128): quiet, heavy and certain.

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

• Mallow Summit color palette (#FAEEF1, #CAA6E3, #92736E, #604F54, #252023)
• Wandering Dune color palette (#F1F0FC, #8F6DA4, #44364A, #272637, #16141C)
• Hushed Basin color palette (#FAF1FF, #DD9BB2, #A1AB75, #5B9AC1, #493D4F)
• Weathered Meadow color palette (#F9F2FF, #EEAFCC, #7DC1AC, #B77494, #2A5559)
• Weathered Stone Bloom color palette (#F3F4FF, #D5CEEA, #BBA7BF, #6E887F, #335554)
• Velvet Raspberry color palette (#E7DAF3, #C21E87, #4E242A, #1D0F27, #05030C)
• Terracotta Balcony color palette (#F2D7EB, #9A1600, #373A2E, #291100, #090000)
• Aubergine Station color palette (#E0DDED, #720077, #38251B, #200011, #03000B)

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