Apricot Harbor color palette — #FDF0FF · #FFD8CC · #D5A172 · #9A814A · #355A4A
A conversation between Camel and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Shell Pink (#FFD8CC): A whisper-light, dusty orange — the color of toasted spice.
- Camel (#D5A172): A luminous, balanced gold — the color of afternoon light on wheat.
- Mocha (#9A814A): A luminous, dusty gold — the color of old brass.
- Pine (#355A4A): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: 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
- Aged Hollow color palette (#FFF1F7, #E4E7CB, #B1B06C, #748A55, #1E5151)
- Aged Amber Corridor color palette (#FFF2EF, #E8A993, #BE7436, #7D6023, #504D46)
- Timeworn Taupe color palette (#FFF1F5, #FFDFBD, #A4D2F7, #BE905B, #30495F)
- Apricot Coast color palette (#FFE5D9, #E89023, #957800, #424900, #042E03)
- Weathered Station color palette (#FFEBD2, #E3D1D2, #A79891, #404E3F, #1A2119)
- Antique Meadow color palette (#FFF2EA, #F2B157, #969100, #4C6800, #00391C)
- Stone Market color palette (#FFF1F6, #C7F2EB, #CBA0B2, #8C7087, #2D453D)
- Misty Amber Lantern color palette (#F9E0C7, #B49300, #646400, #174500, #000C05)
Browse the whole catalog at Explore, or see today's palette.