Softworn Peony Harbor color palette — #F5DBD6 · #DC557E · #714738 · #452620 · #0C0203

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

The five colors

• Shell Pink (#F5DBD6): A whisper-light, dusty orange — the color of toasted spice.
• Hot Pink (#DC557E): A luminous, vivid red — the color of embers at dusk.
• Coffee (#714738): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#452620): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0C0203): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Softworn 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

• Coral Veranda color palette (#F6DAD1, #EA6D7A, #895323, #4F352E, #150909)
• Hushed Magenta color palette (#FFE7E9, #D14DC2, #73434C, #43262A, #0A0205)
• Scarlet Hollow color palette (#EFD9CF, #DB282A, #5F370C, #321305, #070000)
• Wandering Amber Station color palette (#FEE7D5, #D56900, #6D4D00, #342E2A, #0B0201)
• Patina Plum Villa color palette (#EFE3F2, #CF0B5C, #412940, #200E24, #07020B)
• Charred Mulberry color palette (#ECE0F0, #9D0049, #38362B, #320B00, #0A020E)
• Bronze Harbor color palette (#FBF0E4, #DDAC72, #907931, #754A04, #27201C)
• Weathered Orchard color palette (#FAEFD9, #C09D00, #6F6A1E, #553D00, #190F05)

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