Rose Harbor color palette — #ECDFF6 · #FF327B · #00753A · #030C0A · #000201

Built around Hot Pink, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Frost (#ECDFF6): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#FF327B): A luminous, vivid red — the color of a theater curtain.
• Pine (#00753A): A full-bodied, balanced teal — the color of sea glass.
• Ink (#030C0A): quiet, heavy and certain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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

• Softworn Chapel color palette (#EFDEFE, #E72CE1, #556B00, #050B06, #000201)
• Charred Studio color palette (#F4D8E8, #C40058, #0C5008, #020D09, #010100)
• Tempered Amber Chapel color palette (#F8E2F3, #CC7C00, #007639, #020C0A, #000201)
• Timeworn Rose color palette (#FEE8CC, #FF4C49, #0095B1, #080C11, #000103)
• Misty Magenta color palette (#F7E7DA, #D200D2, #008386, #080D11, #000102)
• Weathered Blush color palette (#F8EDDD, #FF74A5, #00B2A2, #030E11, #000102)
• Cornflower Quarry color palette (#F5DDE4, #4175FF, #8F6D00, #040F0D, #000200)
• Ancient Alley color palette (#DAE1E4, #ACBDC9, #7B94B4, #004548, #000102)

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