Sunlit Harbor color palette — #E4D9EE · #DE69AA · #009E77 · #A72475 · #003223

Magenta Rose and Bubblegum set the tone — five colors that lean into balance.

The five colors

• Thistle (#E4D9EE): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#DE69AA): A luminous, vivid rose — the color of a warm blush.
• Fern (#009E77): A luminous, balanced teal — the color of glacier melt.
• Magenta Rose (#A72475): A full-bodied, vivid rose — the color of pressed rose petals.
• Deep Forest (#003223): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Balance. Tagged warm.

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

• Mulberry Grove color palette (#E1D9F7, #DC85D5, #00A052, #8D0088, #003316)
• Hazy Plum color palette (#F8E8FF, #EC80A6, #00AC9F, #B4436F, #003F39)
• Faded Brick color palette (#EDD6EB, #EF646B, #00999E, #B90B30, #003032)
• Quiet Raspberry color palette (#E8D6F3, #D03D84, #007E52, #7E1A4D, #00321E)
• Sunlit Plum Study color palette (#FAD3D2, #FF9FD1, #03BD90, #B73081, #003223)
• Plum Villa color palette (#FFF1F0, #EA85B1, #B28D00, #B2036C, #201700)
• Peony Lantern color palette (#E5DBEC, #DB438C, #798200, #00729F, #360F21)
• Grape Thicket color palette (#D8DCF9, #B991FB, #719400, #6924B2, #212E00)

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