Peony Field color palette — #F9DEDF · #BF4EA4 · #5C3135 · #311A1C · #130B0D

Hot Pink and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Shell Pink (#F9DEDF): A whisper-light, dusty red — the color of embers at dusk.
• Hot Pink (#BF4EA4): A full-bodied, vivid pink — the color of neon signs at night.
• Cocoa (#5C3135): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#311A1C): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#130B0D): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Peony Field 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

• Weathered Peony Lantern color palette (#F0E0DE, #D0688C, #6A4135, #3E2724, #1E1617)
• Tempered Peony color palette (#F7F2FF, #C85CA9, #412C46, #130B1D, #010104)
• Ancient Violet color palette (#FCE9F2, #816CD4, #58333A, #2F1A25, #120A11)
• Peony Workshop color palette (#E9E4F2, #DD69C1, #745670, #40384B, #0B0C16)
• Lowlit Plum color palette (#E1DCE9, #A71584, #2E1E37, #16111D, #060306)
• Plum Boulevard color palette (#FFDDDB, #AB0072, #4A0307, #272313, #190102)
• Faded Corridor color palette (#FDDDDB, #DF0031, #562B00, #300F03, #120303)
• Hazy Drift color palette (#FBDDD5, #E5667B, #009E93, #0084A6, #3E231D)

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