Peony Field color palette — #F4F7E9 · #72B17D · #CC627E · #27783D · #5F333E

Built around Hot Pink, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Jade (#72B17D): A luminous, balanced green — the color of fresh herbs.
• Hot Pink (#CC627E): A luminous, balanced red — the color of late-summer berries.
• Olive (#27783D): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5F333E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Wisteria Workshop color palette (#F3F7E8, #64B47B, #BE6BC6, #007237, #5C353E)
• Weathered Rose Quarry color palette (#EAFAEB, #2DB4B6, #D26165, #007476, #5A392D)
• Jade Garden color palette (#E2F6F7, #36BE90, #BF6DA3, #207558, #2D213B)
• Dusty Mint Hollow color palette (#EFFAE2, #5CD0A5, #DD83B1, #2C9571, #5C3348)
• Powdered Orchard color palette (#F8F8D9, #70964C, #C54678, #9A5239, #383831)
• Feathered Canyon color palette (#D1EECC, #009990, #CE0056, #005B55, #5A0022)
• Hushed Bronze Harbor color palette (#FEF4E1, #A1AD7F, #867029, #6D482B, #3A4200)
• Hazy Harbor color palette (#E1FDEE, #00A2CE, #DD3D00, #006682, #691C05)

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