Tempered Peony color palette — #F7F3FF · #DD9BBF · #BA658C · #8D4F64 · #5B4860

Dusty Rose and Mauve set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Mauve (#DD9BBF): A luminous, balanced rose — the color of strawberry cream.
• Dusty Rose (#BA658C): A luminous, balanced rose — the color of a warm blush.
• Graphite (#8D4F64): A full-bodied, balanced rose — the color of strawberry cream.
• Charcoal Brown (#5B4860): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Warmth, Comfort, Balance. Tagged muted, warm.

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 Hollow color palette (#FFF1F5, #EEA9E1, #D088A3, #9E696F, #534C48)
• Tempered Violet color palette (#EFF3FF, #B6A4DD, #956EBA, #715183, #514D65)
• Ancient Station color palette (#FEF0FF, #F0B6BA, #B6646F, #773A41, #432C45)
• Aged Amber Studio color palette (#FFF0FE, #CB8080, #AB8315, #8A659D, #4C3C4B)
• Wandering Driftwood color palette (#FFF1F5, #A4C1A6, #997A57, #735260, #3D4C40)
• Hushed Crimson Villa color palette (#FAE9ED, #F95F83, #DA004A, #A2001E, #6E2B24)
• Feathered Rust color palette (#FFE9E7, #EA7D6C, #BE3D00, #7B2D00, #532D13)
• Pale Bronze Atelier color palette (#FFE2D5, #E39767, #B26200, #7B4B00, #314D32)

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