Faded Harbor color palette — #E9DCFC · #DC69C7 · #7F7D00 · #343300 · #080500

A conversation between Bubblegum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Thistle (#E9DCFC): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#DC69C7): A luminous, vivid pink — the color of neon signs at night.
• Olive Leaf (#7F7D00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#343300): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Peony Veranda color palette (#F6E2FC, #FA2ABB, #707800, #232600, #030200)
• Misty Lilac Summit color palette (#EAF0FF, #A784E7, #9C6F00, #493200, #0B0500)
• Gentle Emerald color palette (#FFE6F3, #FF6C8C, #269910, #1D4118, #070700)
• Quiet Emerald color palette (#F6E3F4, #FF8DB2, #00AD49, #004D1C, #191D00)
• Olive Atelier color palette (#E7E7D2, #D9945C, #4A7600, #274200, #030300)
• Hushed Garden color palette (#F5DAEF, #EA3F00, #467100, #0F1E00, #020200)
• Timeworn Olive color palette (#F2E6F6, #00A9CC, #7B8800, #1E2100, #000603)
• Lime Terrace color palette (#FAE4D9, #FFA8C5, #48E200, #315C27, #262812)

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