Tempered Peony color palette — #FFF1F3 · #C868C0 · #A53939 · #003D5C · #11002D

Bubblegum and Burnt Sienna set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bubblegum (#C868C0): A luminous, vivid pink — the color of neon signs at night.
• Burnt Sienna (#A53939): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#003D5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#11002D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged 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

• Airy Study color palette (#FFF1F6, #A177E6, #9D386C, #004147, #000B26)
• Powdered Magenta Boulevard color palette (#FFF1F4, #C463D7, #A3394F, #552D00, #060035)
• Peony Boulevard color palette (#FFF2EF, #E35C84, #944F00, #25228C, #1B001C)
• Linen Coral color palette (#FFF2EE, #E06278, #915100, #3A3B00, #1A001F)
• Gentle Grove color palette (#FFF2EF, #E484A2, #AD5E2A, #544B00, #290B36)
• Misty Plum Courtyard color palette (#E8DCEF, #AB346D, #732F00, #352E00, #2F0B3E)
• Amethyst Coast color palette (#DDE2F9, #7351BF, #6D3500, #002F26, #000D15)
• Powdered Ember Workshop color palette (#F0DAE9, #8898FE, #D05C2F, #007453, #0F1355)

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