Rose Harbor color palette — #FBD7DC · #F44947 · #984500 · #593000 · #282B01

Built around Scarlet, softened by Burnt Sienna — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FBD7DC): A whisper-light, dusty red — the color of a theater curtain.
• Scarlet (#F44947): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#984500): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#593000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#282B01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. 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

• Hushed Tangerine Courtyard color palette (#EFDCDC, #F87136, #995000, #5F4000, #2A380D)
• Washed Scarlet color palette (#FFE0E9, #CB4C4E, #8C4000, #472800, #171200)
• Worn Rose color palette (#FFE7F1, #F84670, #A8060C, #692600, #472A00)
• Washed Amber color palette (#FFE7F3, #B67922, #873E0A, #592323, #0A2B19)
• Feathered Rust color palette (#F6D2E5, #C85900, #0070AE, #763200, #002B48)
• Linen Veranda color palette (#FFE3C7, #C57F00, #784D00, #3C1E00, #230F00)
• Hazy Amber color palette (#FFE8D8, #B37900, #735E00, #3C4400, #003323)
• Pale Bloom color palette (#F2E3EC, #00B8D6, #DB7200, #3B1E1E, #1E0F17)

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