Apricot Harbor color palette — #FFF2EB · #FFAA8F · #72C8BE · #799EBE · #433B38

Melon and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Melon (#FFAA8F): A luminous, balanced orange — the color of autumn markets.
• Mint Leaf (#72C8BE): A luminous, balanced teal — the color of shallow lagoons.
• Blue Fog (#799EBE): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#433B38): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Shell Bloom color palette (#FBF2FD, #F0AFBB, #7FB8CC, #7F7BAD, #392D3B)
• Mallow Balcony color palette (#FFF1F1, #FFA0CE, #9DC394, #66A6A9, #483938)
• Washed Honey color palette (#FEF4E6, #F3BD5D, #6FBAA8, #7984B2, #5C372E)
• Wandering Mustard color palette (#FEF4E3, #E1BE6F, #87BEE5, #B78B9D, #403D36)
• Tempered Coral color palette (#FFF2ED, #ED8C86, #6AA4C3, #5B8574, #64280D)
• Chalky Apricot Meadow color palette (#FFF3E8, #FE9D43, #00BBD1, #657BDC, #3D250E)
• Softworn Boulevard color palette (#FAF4EE, #DBDBD1, #A9B5AC, #636370, #57514B)
• Dusty Stone color palette (#FBF3EE, #FFD3C0, #B5BE79, #DA997C, #2F2E27)

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