Peony Pier color palette — #FFF1F1 · #CE6AA6 · #676800 · #003D59 · #040037

Hot Pink and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Hot Pink (#CE6AA6): A luminous, balanced pink — the color of a candy shop window.
• Olive (#676800): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003D59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#040037): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Feathered Terrace color palette (#FFF1F2, #D45EBD, #686800, #00423F, #000F14)
• Coral Balcony color palette (#FFF2ED, #EC8285, #078C5B, #00516E, #15143F)
• Tempered Navy Harbor color palette (#FFF2EC, #E1684B, #00755A, #072B8B, #080034)
• Quiet Plum color palette (#E9DBF3, #B42170, #384F00, #002E58, #161339)
• Worn Wisteria color palette (#E2DEF1, #D17FD2, #009988, #006A93, #200657)
• Muted Rust Lantern color palette (#FFEFE4, #C35400, #005A54, #002B2F, #030008)
• Tempered Iris color palette (#FFF3E7, #C2F1E2, #6F90D5, #006872, #1C1543)
• Onyx Coast color palette (#FFEEED, #E7B2A7, #AB8B57, #5F4862, #13234E)

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