Peony Harbor color palette — #FFF1F1 · #C76DA3 · #468E81 · #506746 · #4B3737

Built around Dusty Rose, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Dusty Rose (#C76DA3): A luminous, balanced pink — the color of a candy shop window.
• Fern (#468E81): A full-bodied, dusty teal — the color of sea glass.
• Olive (#506746): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#4B3737): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Hushed Blush color palette (#FFF2F0, #D07995, #2E816B, #33567C, #4E3A50)
• Raspberry Station color palette (#FFF1F0, #B85A83, #007B89, #365A41, #263930)
• Antique Iris Atelier color palette (#FFF0F7, #9381D4, #688A59, #5F6058, #483840)
• Pale Veranda color palette (#FFF2ED, #D26F67, #408C92, #266B6F, #64290B)
• Worn Cocoa Bloom color palette (#FAF5E5, #D590A8, #917044, #336455, #703418)
• Patina Driftwood color palette (#FCF3F0, #E0DBCF, #A6B2AE, #9A7970, #59504E)
• Washed Taupe Lagoon color palette (#FFF1F1, #D495B7, #B7946D, #687AA1, #4D3636)
• Crimson Courtyard color palette (#FFF2EE, #DA0051, #007677, #005556, #442016)

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