Rose Harbor color palette — #FBDBE5 · #00BCB8 · #FF376A · #2D1700 · #140B08

A conversation between Scarlet and Turquoise, giving this palette its sense of energy and balance.

The five colors

• Shell Pink (#FBDBE5): A whisper-light, dusty rose — the color of a warm blush.
• Turquoise (#00BCB8): A luminous, balanced teal — the color of glacier melt.
• Scarlet (#FF376A): A luminous, vivid red — the color of embers at dusk.
• Onyx (#2D1700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#140B08): quiet, heavy and certain.

Feels like: 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

• Sunlit Hollow color palette (#F0D8DE, #00ADD4, #EA0275, #37220F, #1F110F)
• Ancient Scarlet color palette (#FFE4E2, #6FBDFF, #E92E0A, #311F00, #1B0E07)
• Weathered Rose color palette (#EADBE9, #6FD4FF, #EB5372, #39342E, #2C1C18)
• Quiet Brick color palette (#F9DFE1, #289EDD, #B22200, #180900, #050100)
• Muted Meadow color palette (#E3DCF7, #00BCBC, #D23DFF, #3A1912, #1D0B11)
• Ember Canyon color palette (#CAF3EF, #B0ADFF, #E46713, #693417, #1B0B14)
• Washed Apricot color palette (#F1DDEB, #8ECBFF, #FF8F56, #43403A, #322A25)
• Washed Emerald color palette (#FFDADE, #00B33B, #AD7C00, #1D1200, #010702)

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