Peony Loft color palette — #F9F2FF · #FF5DB5 · #00864C · #0852A5 · #002E64

Built around Bubblegum, softened by Cobalt — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#FF5DB5): A luminous, vivid rose — the color of strawberry cream.
• Fern (#00864C): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#0852A5): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002E64): A deep, shadowed, balanced 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 Loft 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

• Chalky Basin color palette (#FAF1FF, #FF4BA0, #008C71, #00606E, #003740)
• Gentle Corridor color palette (#FFEBFB, #F05F50, #008282, #2D4F87, #0E2956)
• Fuchsia Studio color palette (#FFF1F2, #F47DD3, #838400, #005685, #3B003D)
• Feathered Balcony color palette (#F5F4FF, #D261F6, #767F00, #005E79, #003647)
• Hushed Scarlet Lagoon color palette (#FFE4FA, #D91117, #00605A, #2F1F74, #11003D)
• Tempered Apricot Meadow color palette (#FFF1F6, #E58A17, #0077B4, #4249A2, #242862)
• Apricot Garden color palette (#FFE3EF, #F8A573, #9A9B67, #546E99, #334A70)
• Airy Grove color palette (#DAFFF2, #5AD696, #009A97, #855876, #144342)

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