Apricot Harbor color palette — #FFF1F7 · #FF9BB9 · #EE8A36 · #55851D · #3C2A00

Apricot and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Ballet Pink (#FF9BB9): A luminous, balanced red — the color of late-summer berries.
• Apricot (#EE8A36): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#55851D): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3C2A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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

• Patina Amber Loft color palette (#E9FBE9, #FFA9BC, #C8912D, #009060, #373500)
• Soft Olive Chapel color palette (#FFF0F9, #F29CDF, #E27D5F, #638000, #472332)
• Airy Marigold color palette (#FDEFE3, #FFAFA4, #E7962D, #8C8C00, #241500)
• Moss Harbor color palette (#FFF1F6, #FFC9C2, #F6A44D, #A1A200, #442C00)
• Chalky Harbor color palette (#FFF6CF, #FF9772, #AE9500, #00786C, #132C00)
• Faded Mustard color palette (#ECF9EF, #FFC5CB, #E0BA4C, #369963, #224333)
• Hushed Blush color palette (#FEF0FF, #D2B8FF, #EA7287, #936A00, #4E1C0F)
• Pale Blush Loft color palette (#D7E8D7, #F96D9F, #B76F00, #00661D, #1F1700)

Browse the whole catalog at Explore, or see today's palette.