Tempered Peony color palette — #E1E5F4 · #EB6A00 · #E600AD · #160406 · #040000
A conversation between Hot Pink and Tangerine, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#E1E5F4): A whisper-light, dusty violet — the color of twilight just after sunset.
- Tangerine (#EB6A00): A luminous, vivid orange — the color of sun-warmed clay.
- Hot Pink (#E600AD): A luminous, vivid pink — the color of peonies in June.
- Ink (#160406): A deep, shadowed, dusty red — the color of a theater curtain.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, 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
- Magenta Pier color palette (#D9EBFA, #FF4763, #CA10F2, #1B0708, #040001)
- Ancient Rose Garden color palette (#F1E4FF, #C38A00, #F4184D, #130602, #040000)
- Quiet Peony color palette (#F6E6E2, #E94B7D, #892500, #720031, #040000)
- Frosted Peony color palette (#D2EFFE, #FE33A2, #9F52FF, #1C080E, #040001)
- Hazy Corridor color palette (#CEF6F8, #816D00, #A40093, #190308, #020007)
- Pale Ember color palette (#FBE1DD, #EC5419, #853A00, #311700, #020100)
- Moonless Ember Corridor color palette (#FFE4E2, #DD6600, #520031, #120601, #040001)
- Washed Mustard color palette (#F1E1F1, #E6C000, #FF8F69, #350D01, #030100)
Browse the whole catalog at Explore, or see today's palette.