Tempered Peony color palette — #DCF5F8 · #6FB200 · #FC177C · #310213 · #0F0403
Hot Pink and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCF5F8): A whisper-light, dusty blue — the color of deep harbor water.
- Clover (#6FB200): A luminous, vivid green — the color of fresh herbs.
- Hot Pink (#FC177C): A luminous, vivid red — the color of embers at dusk.
- Ink (#310213): A deep, shadowed, dusty red — the color of embers at dusk.
- Ink (#0F0403): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, 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
- Sunlit Peony Alley color palette (#CCF0F6, #C69200, #F400AF, #2B001C, #0D0303)
- Misty Ember color palette (#CCE1FB, #00BA6A, #E33F00, #290500, #0E0300)
- Worn Clover color palette (#DAE8F2, #00D166, #FF6A3E, #321808, #170D08)
- Softworn Magenta Ridge color palette (#D9E5FF, #77D92D, #D900E0, #3C0820, #151020)
- Muted Blush Garden color palette (#E3DAF5, #FD9323, #FF6B8D, #4B1925, #1B101D)
- Faded Amber Lagoon color palette (#E4E7FF, #00C1B0, #DF7B00, #301A04, #100803)
- Ancient Chartreuse color palette (#D3E9F4, #9FE265, #FF9AA2, #412E29, #201A18)
- Faded Chartreuse color palette (#91FF56, #B2E5FF, #DE7BEB, #2B0830, #0A0103)
Browse the whole catalog at Explore, or see today's palette.