Rose Harbor color palette — #FFD6D0 · #FF3E38 · #785000 · #3A3330 · #120303

Built around Scarlet, softened by Coffee — the whole palette hums with optimism and energy.

The five colors

• Shell Pink (#FFD6D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Scarlet (#FF3E38): A luminous, vivid orange — the color of sun-warmed clay.
• Coffee (#785000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3A3330): quiet, heavy and certain.
• Ink (#120303): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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 Amber Dune color palette (#FAEEE3, #D47600, #5F5C14, #39332E, #100402)
• Washed Pier color palette (#FFEAE8, #FE1D98, #864428, #4E2636, #110306)
• Scarlet Ridge color palette (#FFE4DF, #DE1100, #582A00, #2A0F26, #0D040E)
• Worn Apricot Orchard color palette (#FCEFE7, #FC9979, #997432, #7D431D, #27201E)
• Charred Market color palette (#EEDEEA, #AC0709, #2F1800, #180000, #030005)
• Antique Amber Meadow color palette (#FFE3E8, #FF8C63, #E07900, #976D00, #353800)
• Tempered Bronze color palette (#EDDDBE, #917700, #2B4B27, #261B05, #040100)
• Patina Mustard color palette (#ECE4D0, #BBAE00, #6A7733, #5B4700, #1D1711)

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