Peony Courtyard color palette — #FFF1F0 · #F64FAB · #657300 · #004561 · #001520

A conversation between Hot Pink and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Hot Pink (#F64FAB): A luminous, vivid rose — the color of strawberry cream.
• Olive (#657300): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#004561): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001520): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Wandering Rose color palette (#FFF2EE, #FF5176, #477B00, #003F79, #15003C)
• Dusty Canyon color palette (#FFF1F5, #BF6AFF, #945D00, #004A47, #00151E)
• Chalky Moss Market color palette (#FFF2EF, #FF8099, #5B9000, #005295, #2B0653)
• Feathered Plum Dune color palette (#EFE1FF, #BF008F, #4B5100, #003558, #19183F)
• Soft Drift color palette (#FFF2EA, #DB6F36, #007465, #00386C, #0E0030)
• Worn Apricot color palette (#FFF3E9, #DE915D, #008883, #334483, #220D3D)
• Hushed Studio color palette (#FFDFE2, #FF876B, #CB6600, #774800, #2F2400)
• Feathered Denim Loft color palette (#FFF0FA, #FFA7A8, #B69155, #00608F, #0D2C5F)

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