Patina Harbor color palette — #F4D6EA · #E46199 · #B23749 · #7C2F1D · #532C14

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

The five colors

• Thistle (#F4D6EA): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#E46199): A luminous, vivid rose — the color of strawberry cream.
• Ruby (#B23749): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#7C2F1D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#532C14): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Muted Orchard color palette (#FFE6F0, #EE9BB4, #E46A7A, #C74434, #62270D)
• Feathered Fuchsia Boulevard color palette (#E8E1F5, #D16DD1, #A5367C, #782E49, #532724)
• Hushed Coral color palette (#FFE2EB, #F07E83, #B9563F, #7A4B1E, #49443E)
• Antique Meadow color palette (#FFF2EF, #EB816F, #9D3A26, #5B1D00, #411000)
• Muted Alley color palette (#F8E4EB, #E80063, #98040B, #4D1B00, #2C1600)
• Patina Rose color palette (#FFE9E2, #DC6065, #008995, #982732, #003D44)
• Rose Studio color palette (#E7DCE7, #35DEED, #EB5568, #39342E, #2B1E19)
• Timeworn Ember color palette (#F2D7D7, #F85114, #8B4F00, #5D3C00, #25360D)

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