Tempered Peony color palette — #FFDAD9 · #F34DB0 · #207B04 · #00656A · #380A26
Built around Hot Pink, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFDAD9): A whisper-light, dusty red — the color of embers at dusk.
- Hot Pink (#F34DB0): A luminous, vivid rose — the color of pressed rose petals.
- Olive (#207B04): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#00656A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#380A26): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Trust, Stability, Warmth, Comfort. Tagged vibrant, warm.
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
- Chalky Peony Terrace color palette (#FFF0F7, #FF56BA, #1E860F, #006161, #1E0011)
- Faded Peony color palette (#FFF1EF, #E9408D, #136E0F, #004C5B, #200038)
- Hazy Dune color palette (#FFDCD0, #F51A45, #008C74, #005F87, #3E080E)
- Quiet Magenta color palette (#F4D9FF, #BE3DE9, #837A00, #00684C, #31093E)
- Ember Studio color palette (#FEE1D4, #F24431, #5E7300, #00515E, #340056)
- Linen Corridor color palette (#FFF2ED, #E26B6C, #009E78, #007190, #4C1719)
- Feathered Plum color palette (#FFDBD5, #BD0060, #605B00, #00454F, #390C1D)
- Worn Rose Studio color palette (#F9E1BC, #FF5257, #A05C00, #005958, #4C1200)
Browse the whole catalog at Explore, or see today's palette.