Rose Harbor color palette — #F1DCD7 · #DB4B71 · #746300 · #004E48 · #15154D

Fuchsia takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1DCD7): A whisper-light, dusty orange — the color of toasted spice.
• Fuchsia (#DB4B71): A luminous, vivid red — the color of late-summer berries.
• Olive (#746300): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004E48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#15154D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Washed Peony color palette (#F4DADC, #C05BAB, #8A5600, #004F37, #001C49)
• Feathered Ember color palette (#F3DCCF, #DB551D, #556E00, #004C54, #221246)
• Coral Ridge color palette (#FFEEE8, #E4696F, #807300, #005D54, #182853)
• Ancient Meadow color palette (#FFF0FA, #DB6E4B, #7E5D00, #264100, #1D0016)
• Blush Ridge color palette (#EDDAEE, #FC8192, #1F9055, #007260, #161153)
• Gentle Chestnut color palette (#FBE8DA, #9E4B00, #005513, #002A40, #130011)
• Worn Taupe Atelier color palette (#F8DDD5, #D39381, #967349, #286A64, #003C4A)
• Hushed Plum color palette (#F8D8DB, #AF009D, #2B5200, #003343, #0B1A2E)

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