Apricot Harbor color palette — #FFF1F5 · #F69A8C · #B2693B · #485916 · #32162A

Melon takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Melon (#F69A8C): A luminous, balanced orange — the color of toasted spice.
• Ochre (#B2693B): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#485916): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#32162A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Worn Apricot color palette (#E7FCEA, #EAA56F, #9D772C, #205F37, #321B00)
• Worn Mallow Bloom color palette (#FFF0F7, #E89BC3, #B16371, #6A4A00, #2A1934)
• Patina Sand Bloom color palette (#E8FBE9, #FFB994, #B5884F, #496E46, #422834)
• Chalky Blush Lantern color palette (#FEF0FE, #ED8187, #9F691B, #463D83, #350129)
• Feathered Ember Drift color palette (#FCECDA, #CD5F52, #8E4100, #384700, #362F2B)
• Amber Atelier color palette (#DAF7E4, #EB9FC4, #D57D4F, #007EB1, #4C2128)
• Worn Ember color palette (#FFF0FA, #D66146, #49293B, #190915, #020102)
• Faded Peony color palette (#F2E8D2, #CB608E, #8D4400, #003F55, #2C0D04)

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