Tempered Market color palette — #FFF1F2 · #D796C3 · #654E4C · #342728 · #140D0E

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D796C3): A luminous, balanced pink — the color of a candy shop window.
• Charcoal Brown (#654E4C): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#342728): a grounded near-black with real depth.
• Ink (#140D0E): 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 Market 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

• Coral Workshop color palette (#FFF2ED, #EC9289, #7D431C, #342823, #150D0B)
• Muted Driftwood Coast color palette (#EFEBF7, #A96A9B, #453546, #201C28, #0C0C11)
• Ancient Peony Delta color palette (#FFF2F0, #F2448C, #563026, #280A07, #050000)
• Muted Shell color palette (#FFF2EE, #FFB5B8, #D3B683, #B293CB, #49322B)
• Cocoa Alley color palette (#F3E1D3, #773B00, #414A42, #181B13, #0B0400)
• Midnight Garnet Archive color palette (#EEDCDB, #6E0048, #302718, #130702, #040001)
• Obsidian Brick Canyon color palette (#F8DDD0, #AE2200, #202B26, #230900, #030100)
• Weathered Taupe color palette (#FFF2EF, #F5D3C8, #BBC9FB, #C7848E, #563D50)

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