Tempered Peony color palette — #F9F2FE · #CF74AA · #5B7400 · #00575A · #070920
A conversation between Bubblegum and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F2FE): a clean, paper-quiet neutral.
- Bubblegum (#CF74AA): A luminous, balanced pink — the color of peonies in June.
- Olive (#5B7400): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#00575A): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#070920): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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
- Lilac Thicket color palette (#F4F4FF, #AF73C5, #816800, #00523A, #000919)
- Gentle Meadow color palette (#FDF1FD, #EB838C, #827900, #005554, #171143)
- Timeworn Pine Balcony color palette (#FDF1FC, #CB7575, #00895D, #005678, #18041D)
- Ancient Rose Field color palette (#FFF0FC, #FD3A34, #00735D, #00456E, #100010)
- Bronze Delta color palette (#E2FEE7, #F696A8, #B96333, #005F51, #31162F)
- Hushed Blush Coast color palette (#F9F2FF, #EA87BC, #B88600, #007FA2, #22172A)
- Airy Plum color palette (#FFF1F1, #BC1183, #3A5200, #003A40, #281520)
- Sunlit Aubergine color palette (#EBFAEB, #B37B00, #006A78, #3B0080, #0A0001)
Browse the whole catalog at Explore, or see today's palette.