Scarlet Harbor color palette — #F4DCEC · #FF67A5 · #DD1101 · #7E3900 · #533600

Crimson takes the lead with Bubblegum close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#F4DCEC): A whisper-light, dusty pink — the color of a candy shop window.
• Bubblegum (#FF67A5): A luminous, vivid rose — the color of strawberry cream.
• Crimson (#DD1101): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#7E3900): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#533600): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Faded Plum color palette (#F2E8F3, #E866BB, #D20060, #9E0C00, #683400)
• Powdered Rose Studio color palette (#F6DFE4, #FF4568, #D3140D, #812500, #391800)
• Patina Harbor color palette (#FFD1DF, #FC6965, #B44C00, #784400, #4F3E00)
• Aged Tangerine color palette (#FFF2EC, #F48047, #9E4E00, #672600, #421800)
• Hazy Boulevard color palette (#DCD9FF, #D175F2, #B9009D, #9B004B, #6D261B)
• Faded Rose color palette (#FFF0FD, #F65058, #008BB4, #AE0025, #004156)
• Patina Ultramarine Atelier color palette (#FFE3E9, #D24373, #007DA8, #2057C6, #4C202C)
• Bronze Courtyard color palette (#F7D8F5, #EE9874, #A76E00, #625600, #214D3E)

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