Rose Harbor color palette — #F1DBD1 · #FF627E · #FF3E2D · #B25600 · #110200

A conversation between Scarlet and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Bone (#F1DBD1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose (#FF627E): A luminous, vivid red — the color of a theater curtain.
• Scarlet (#FF3E2D): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B25600): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#110200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, 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

• Pale Delta color palette (#F7E5E0, #FF62BA, #FE236D, #C24531, #0C0001)
• Linen Scarlet color palette (#EFD6EA, #FF61A7, #F1212A, #804E00, #040000)
• Feathered Boulevard color palette (#FFECDB, #FF7237, #D27100, #956F00, #060200)
• Washed Bronze color palette (#FFEBE5, #BC6D32, #876028, #4B4B44, #1A0121)
• Airy Bronze color palette (#F7D9C9, #B35D00, #864B00, #5C3900, #120900)
• Muted Corridor color palette (#F1D9DA, #DE69FF, #EA14C6, #CC296E, #0C0005)
• Hushed Bronze Villa color palette (#F6DEC2, #AD6F00, #008567, #754900, #000805)
• Dusty Brick color palette (#F8E3DC, #A85BB1, #AC0020, #4D3F00, #030000)

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