Rose Harbor color palette — #FFF1F4 · #FFAAB9 · #FC5069 · #B22D32 · #5D1811

A conversation between Scarlet and Ruby, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Ballet Pink (#FFAAB9): A whisper-light, balanced red — the color of a theater curtain.
• Scarlet (#FC5069): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B22D32): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#5D1811): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

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

• Patina Ember Thicket color palette (#FFF1F0, #FFAD9E, #D16546, #9B4617, #522300)
• Timeworn Scarlet color palette (#F4D6E8, #FFA3CD, #FF5B80, #E72017, #6B3300)
• Scarlet Lantern color palette (#FFDFE1, #FF848A, #CC3637, #7F1300, #3A0F00)
• Softworn Canyon color palette (#FFF0FD, #FFAEEC, #EB62BA, #AB2771, #65153B)
• Misty Ember color palette (#FCDDD5, #E5662A, #A24500, #492300, #190A00)
• Chalky Crimson Dune color palette (#FFF2EE, #FFAEB1, #9EA4FF, #D73C53, #261E6C)
• Apricot Lagoon color palette (#FFF2ED, #FFD6C0, #E0975B, #97601C, #573C15)
• Weathered Coral color palette (#FFF2EC, #DFD8CD, #93B6B3, #E7817D, #522C1E)

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