Sunlit Harbor color palette — #FFF0F8 · #CBC3FF · #F8A49B · #9F89FD · #65312C
A conversation between Wisteria and Melon, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#CBC3FF): A whisper-light, balanced violet — the color of wild irises.
- Melon (#F8A49B): A luminous, balanced orange — the color of sun-warmed clay.
- Wisteria (#9F89FD): A luminous, vivid violet — the color of a velvet chair.
- Cocoa (#65312C): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Balance. Tagged light.
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
- Turquoise Cabin color palette (#FFF0F9, #B0B7FF, #EB94C5, #00B9D5, #4A2D41)
- Softworn Powder color palette (#FFF1F6, #E4D6D3, #B3AFE8, #C0A894, #634751)
- Fuchsia Delta color palette (#FFF1F2, #EFB7E1, #EAB265, #D975C3, #583C14)
- Powdered Violet Grove color palette (#FFF0F7, #BAAEE4, #C59F3C, #876BCF, #514012)
- Gentle Wisteria color palette (#FFF1F5, #DEBCF6, #56D0EC, #BF7EE7, #004B59)
- Gentle Canyon color palette (#F2F5FF, #D5CCFF, #D9B74A, #8C7BCD, #1D412B)
- Chalky Iris color palette (#FDF1FB, #B6CBFE, #5AD8AF, #7498FF, #174D3C)
- Linen Coast color palette (#FFF1F6, #E1D3FF, #BFA2EB, #906CBF, #362450)
Browse the whole catalog at Explore, or see today's palette.