Sunlit Harbor color palette — #E8D6FF · #F486D8 · #D20076 · #92040F · #3F1600

Built around Fuchsia, softened by Garnet — the whole palette hums with optimism and creativity.

The five colors

• Thistle (#E8D6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Bubblegum (#F486D8): A luminous, vivid pink — the color of neon signs at night.
• Fuchsia (#D20076): A full-bodied, vivid rose — the color of pressed rose petals.
• Garnet (#92040F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#3F1600): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy. Tagged vibrant, 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

• Crimson Lantern color palette (#FEDBFF, #F67EBE, #DF0036, #7F2600, #281300)
• Raspberry Garden color palette (#E4E3FF, #D792FF, #C900A4, #950045, #370700)
• Peony Basin color palette (#E9DBE7, #FF68BE, #DD4B87, #AA3E54, #4E1918)
• Ancient Rose color palette (#FAEEFF, #FFACD7, #EB4971, #963324, #4B2801)
• Mulberry Summit color palette (#F7E5F9, #C65CA3, #9E125E, #7C001F, #561003)
• Muted Brick color palette (#F0E4ED, #F56399, #B0001B, #631C00, #0E0600)
• Powdered Atelier color palette (#FFF2F0, #FFA9AD, #D2254D, #75000F, #0B0000)
• Muted Crimson Delta color palette (#ECDAE1, #E01D41, #883900, #3E2100, #030200)

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