Tempered Peony color palette — #DADCF3 · #9897FF · #FE43B4 · #009DB9 · #201754
A conversation between Hot Pink and Wisteria, giving this palette its sense of trust and stability.
The five colors
- Thistle (#DADCF3): A whisper-light, dusty violet — the color of a velvet chair.
- Wisteria (#9897FF): A luminous, balanced violet — the color of a velvet chair.
- Hot Pink (#FE43B4): A luminous, vivid rose — the color of pressed rose petals.
- Cerulean (#009DB9): A luminous, balanced blue — the color of deep harbor water.
- Deep Indigo (#201754): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.
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
- Feathered Blush color palette (#E6DDF6, #BC85FF, #FF5480, #0097D6, #2F104D)
- Timeworn Magenta Garden color palette (#E3EEFF, #67A5FF, #DA5FE8, #00A19D, #002151)
- Softworn Fuchsia color palette (#F0E4F1, #E46CEF, #FF5D49, #3789FE, #3D0343)
- Frosted Grove color palette (#CFF0FB, #00B7DC, #9388FF, #00A859, #002933)
- Hazy Lilac color palette (#F9F2FF, #E9A7C7, #E9A272, #9898F9, #40304D)
- Tempered Corridor color palette (#F3F4FF, #CCBEED, #F2A4B6, #71B9DE, #3E4155)
- Antique Amethyst Studio color palette (#E9E5FF, #C5B5FF, #A07BFF, #7D1AF6, #1E0045)
- Linen Iris Balcony color palette (#F2F4FF, #838CFF, #A68600, #6D7B00, #0C0935)
Browse the whole catalog at Explore, or see today's palette.