Apricot Harbor color palette — #FAF1FF · #EDD8CC · #E8A288 · #A97856 · #39553C
Built around Melon, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Bone (#EDD8CC): A whisper-light, dusty gold — the color of honey in a jar.
- Melon (#E8A288): A luminous, balanced orange — the color of autumn markets.
- Mocha (#A97856): A luminous, dusty gold — the color of honey in a jar.
- Deep Olive (#39553C): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.
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
- Patina Field color palette (#FFF0F8, #E8E2C1, #C8AE6D, #7F7D42, #284F46)
- Aged Harbor color palette (#F8F2FF, #EBD8D2, #E79995, #A16A55, #613D4D)
- Hushed Atelier color palette (#FFE1DB, #FF994E, #AA7200, #5F4C00, #262300)
- Amber Atelier color palette (#FFF0F8, #EEDABE, #92D7F4, #C98869, #2B4A5D)
- Hushed Delta color palette (#FFEBCC, #DCD0D4, #928685, #3F4D40, #1C231D)
- Chestnut Cabin color palette (#FFF1F7, #D5DACD, #D2A57F, #855C36, #44260B)
- Softworn Amber color palette (#FFF2F0, #FFC1A4, #DA8200, #815C00, #3A2F00)
- Airy Amber color palette (#EEE0D5, #C48100, #716200, #333400, #081300)
Browse the whole catalog at Explore, or see today's palette.