Tempered Peony color palette — #F9F2FF · #D45498 · #402C46 · #130B19 · #020104

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

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Hot Pink (#D45498): A luminous, vivid rose — the color of a warm blush.
• Charcoal (#402C46): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#130B19): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#020104): quiet, heavy and certain.

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

• Aged Peony color palette (#E9E2F0, #DE6EAC, #71586E, #43364E, #0D0C15)
• Dusty Ember Thicket color palette (#FFF0FA, #D95F38, #472A3A, #1A0815, #030002)
• Orchid Thicket color palette (#F3F4FF, #9E6BE0, #343149, #0D0D1E, #010105)
• Plum Meadow color palette (#F8EAFE, #AF0059, #35312B, #280309, #030005)
• Coral Summit color palette (#FFF0FB, #F2816A, #AB961F, #A362A4, #2A1025)
• Aged Workshop color palette (#FEF1F8, #E89873, #624E56, #33272E, #130D12)
• Bronze Coast color palette (#D6ECD8, #9C6C00, #3C514D, #2E2300, #000601)
• Aged Boulevard color palette (#FAE3F7, #6B5100, #94001A, #281A0D, #110100)

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