Sunlit Harbor color palette — #F4D7E2 · #8F62CE · #697A00 · #6F00BE · #050700
A conversation between Plum and Amethyst, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F4D7E2): A whisper-light, dusty rose — the color of a warm blush.
- Amethyst (#8F62CE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive Leaf (#697A00): A full-bodied, balanced green — the color of new leaves after rain.
- Plum (#6F00BE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Misty Harbor color palette (#FEE1F2, #736ED5, #7F7200, #5100DD, #070600)
- Dusty Aubergine Studio color palette (#FBD8DF, #B770CA, #288804, #69007E, #010800)
- Ancient Orchard color palette (#F5E2EA, #7154AF, #466300, #45008A, #040700)
- Softworn Byzantium color palette (#FFE3EC, #9040C7, #8F5800, #006661, #040008)
- Frosted Mulberry color palette (#FFE6E4, #B9578B, #008469, #970064, #000805)
- Faded Meadow color palette (#FDE8FF, #2D7FD6, #9E6100, #00549E, #0C0400)
- Lapis Cabin color palette (#F2E8FD, #D08D9B, #C7715F, #5E55BB, #1E0026)
- Eclipse Aubergine Hollow color palette (#D9DDFF, #6400AD, #3B4000, #2A004E, #010100)
Browse the whole catalog at Explore, or see today's palette.