Tempered Peony color palette — #E9E1EE · #D16596 · #5A445E · #33293A · #1A171E

Hot Pink and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Frost (#E9E1EE): a clean, paper-quiet neutral.
• Hot Pink (#D16596): A luminous, balanced rose — the color of a warm blush.
• Charcoal Brown (#5A445E): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#33293A): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#1A171E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Peony 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

• Patina Amber color palette (#F0DFE9, #D46F46, #663F52, #382832, #1D161B)
• Timeworn Lilac color palette (#E2E3F5, #A772DB, #4D4869, #2B2C3F, #161820)
• Worn Workshop color palette (#FADDDB, #E688B2, #836960, #574443, #1E1617)
• Washed Plum color palette (#EBDFF5, #B0427D, #41293D, #221C27, #0F0B0F)
• Patina Moss color palette (#FFF0F8, #E08E5F, #95A21C, #AF6E95, #46303C)
• Lilac Market color palette (#FFF0FD, #EEA09A, #9E98F1, #BB635E, #403D62)
• Feathered Crimson color palette (#E8DAE8, #DD0047, #6D0602, #35070F, #0C040F)
• Antique Corridor color palette (#D6E2D4, #B07000, #27482F, #172615, #120B0E)

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