Apricot Harbor color palette — #F4F4FF · #DFBAFF · #FFA37B · #B489D8 · #603623
Built around Melon, softened by Wisteria — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#DFBAFF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Melon (#FFA37B): A luminous, balanced orange — the color of autumn markets.
- Wisteria (#B489D8): A luminous, balanced violet — the color of wild irises.
- Cocoa (#603623): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Creativity, Balance. Tagged light.
Use it as a design system
One click turns Apricot 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
- Airy Iris color palette (#F1F5FF, #C3C6FF, #FF9F9E, #9291F7, #523851)
- Pale Marigold Parlor color palette (#F7F3FF, #FBAEED, #F3AE53, #CC80BF, #314A2E)
- Stone Lantern color palette (#FFF1F7, #D9CAFF, #AFC677, #917CC1, #393932)
- Ash Meadow color palette (#F4F4FF, #E0D6E0, #C0B29D, #B8A7D4, #4A465D)
- Gentle Wisteria Field color palette (#F7F3FF, #F2B5E6, #6DC9FF, #CE7EC0, #1D475F)
- Quiet Rose Boulevard color palette (#F8E9F9, #FF9FAB, #99A9FF, #E55B76, #2B3258)
- Hushed Coast color palette (#E6DFFF, #F87CFE, #EE8B00, #D800E4, #452500)
- Mallow Coast color palette (#E8E7D7, #FFBEA3, #FFA8D3, #61536C, #27222C)
Browse the whole catalog at Explore, or see today's palette.