Peony Veranda color palette — #F9DCE9 · #FF307E · #E21318 · #874500 · #302100

Built around Hot Pink, softened by Crimson — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F9DCE9): A whisper-light, dusty rose — the color of a warm blush.
• Hot Pink (#FF307E): A luminous, vivid red — the color of late-summer berries.
• Crimson (#E21318): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#874500): A full-bodied, balanced gold — the color of old brass.
• Onyx (#302100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Peony Study color palette (#F2E8F3, #FC35B0, #E22553, #923100, #2B1700)
• Quiet Scarlet Boulevard color palette (#ECDBDE, #F21623, #A45600, #654400, #1C1800)
• Feathered Brick color palette (#FFD9DA, #E9555A, #BC0B04, #571700, #230700)
• Hushed Tangerine color palette (#F8DFCF, #FB680E, #00A0B3, #B84800, #001F24)
• Hushed Garnet color palette (#EDDDE3, #B0374D, #870503, #3D1400, #120600)
• Airy Magenta Delta color palette (#EEE7FE, #D854FD, #D01D8F, #A22346, #420102)
• Tempered Boulevard color palette (#FBE1F6, #00AFCE, #FF368F, #421E1A, #140302)
• Wandering Tangerine Bloom color palette (#FDD5D4, #FF8146, #CB7400, #896D00, #2D3300)

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