Timeworn Peony color palette — #FFF1F2 · #CC6CBD · #547C01 · #243584 · #1C0307

Bubblegum and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#CC6CBD): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#547C01): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#243584): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1C0307): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Timeworn 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

• Airy Pine color palette (#FFF2F0, #E7719E, #178C3B, #4B3283, #170302)
• Feathered Veranda color palette (#FFF1F4, #CE8ADC, #4C8A01, #4C318E, #1D123B)
• Peony Meadow color palette (#FFF1F1, #DC61A1, #8C6400, #005670, #1B0303)
• Tempered Iris color palette (#FFF0F8, #8F80E3, #8A5D00, #004F6C, #1A0712)
• Feathered Moss color palette (#FFF2ED, #DD8379, #759713, #45569A, #27140C)
• Hazy Amber Loft color palette (#FFF3E8, #DD8331, #5B7B00, #25438B, #180900)
• Quiet Bronze Market color palette (#FEF5DC, #F592C5, #B36A00, #005589, #341911)
• Emerald Courtyard color palette (#FCF1FF, #FF8BB0, #3F9831, #007E92, #1B1C34)

Browse the whole catalog at Explore, or see today's palette.