Tempered Peony color palette — #FFF1F0 · #FB56AC · #309E83 · #00705A · #250C0C
Hot Pink takes the lead with Fern close behind in a set that reads as energy and balance at first glance.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Hot Pink (#FB56AC): A luminous, vivid rose — the color of a warm blush.
- Fern (#309E83): A luminous, balanced teal — the color of glacier melt.
- Pine (#00705A): A full-bodied, balanced teal — the color of sea glass.
- Ink (#250C0C): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: 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
- Ancient Fuchsia Archive color palette (#FFF1F2, #F27CDB, #23914E, #257040, #270B0F)
- Wandering Peony Thicket color palette (#FFF2EE, #EF5081, #008575, #00574C, #1C0614)
- Softworn Coral color palette (#FFF2ED, #FF6160, #009CA7, #006D75, #230F08)
- Dusty Blush Villa color palette (#FFF2EE, #FF889D, #3BB0BA, #347F86, #31201C)
- Linen Coral Bloom color palette (#FFF2EC, #FF7566, #008C64, #00526A, #121540)
- Gentle Blush Garden color palette (#FFE9E2, #FB8286, #75B26E, #579450, #3B1D13)
- Wandering Plum color palette (#F3EBF9, #A94A79, #337139, #004F54, #2D2036)
- Feathered Orchard color palette (#FFE8E6, #CC007B, #006D74, #004146, #040001)
Browse the whole catalog at Explore, or see today's palette.