Tempered Peony color palette — #FFF1F6 · #C8DFFF · #C9B0FF · #F91089 · #28002D
Hot Pink and Lavender set the tone — five colors that lean into creativity and energy.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Powder Blue (#C8DFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender (#C9B0FF): A luminous, balanced violet — the color of a velvet chair.
- Hot Pink (#F91089): A luminous, vivid rose — the color of pressed rose petals.
- Deep Indigo (#28002D): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Creativity, Energy, Balance. Tagged candy, vibrant, light.
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
- Rose Corridor color palette (#FFF1F3, #E1DAF2, #E7A1FF, #FF4761, #1F0015)
- Magenta Basin color palette (#FFF0FC, #C7EDFF, #ABC5FF, #D93BC4, #110030)
- Airy Fuchsia Alley color palette (#F0F1FF, #CFCCFF, #D5A8FF, #E372DC, #361B40)
- Blush Workshop color palette (#FFF1F4, #DCD3DA, #E8C4FF, #FF7E9A, #390B2E)
- Feathered Alley color palette (#F0EAFF, #CD8EE1, #C23E9C, #83003F, #45000F)
- Linen Boulevard color palette (#FFE7EE, #B8A6FF, #BA5EEC, #A24795, #190020)
- Hushed Peony color palette (#FFEDEC, #C69FFF, #FF43C7, #A54A00, #040001)
- Aged Fuchsia color palette (#FFF1F4, #ADC1FF, #F462F6, #E00123, #070003)
Browse the whole catalog at Explore, or see today's palette.