Sunlit Harbor color palette — #FFF1F1 · #FF9AD9 · #00AF7E · #AC0082 · #002518

A conversation between Magenta Rose and Carnation, giving this palette its sense of creativity and energy.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Carnation (#FF9AD9): A luminous, balanced pink — the color of a candy shop window.
• Jade (#00AF7E): A luminous, balanced teal — the color of glacier melt.
• Magenta Rose (#AC0082): A full-bodied, vivid pink — the color of peonies in June.
• Onyx (#002518): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Sunlit 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

• Faded Market color palette (#FFDADC, #FFA7EA, #05C3A9, #C400AA, #00372E)
• Byzantium Dune color palette (#FFEFFF, #F995FF, #40B100, #9E00A9, #072600)
• Plum Summit color palette (#FFF1F2, #FF8A95, #00B0B1, #C60041, #002424)
• Feathered Corridor color palette (#FFF2EE, #FFAEB2, #00C7C6, #DB3553, #003636)
• Muted Peony Dune color palette (#EEE1FE, #D247A5, #00875C, #870064, #001C10)
• Gentle Grape Bloom color palette (#F6F3FF, #C5B3FF, #8EA000, #722FD4, #1D2100)
• Quiet Turquoise Harbor color palette (#FFF2EB, #FFA488, #00B7E3, #B05A3F, #002D3A)
• Misty Peony Pier color palette (#ECDDFF, #CE48A4, #0076B7, #8A0069, #003150)

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