Apricot Harbor color palette — #FFF3E4 · #FFB295 · #DF903F · #678F50 · #423C37

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Melon (#FFB295): A whisper-light, balanced orange — the color of autumn markets.
• Apricot (#DF903F): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#678F50): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#423C37): a grounded near-black with real depth.

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

• Mustard Station color palette (#FDF4E6, #F6C790, #C5AC5D, #689882, #4C4741)
• Tempered Delta color palette (#FDF3E8, #EAB26E, #9AAA3B, #179269, #004049)
• Hushed Blush color palette (#FFF3E9, #FFA9CE, #E7838C, #977E46, #503532)
• Hushed Amber Basin color palette (#E1FDEC, #FFB4C0, #BF833F, #3D6982, #40293B)
• Muted Apricot color palette (#FCE1AE, #FB931D, #B58500, #008147, #3C2200)
• Muted Apricot Drift color palette (#F0E1D8, #F48A55, #96632E, #6F3908, #1E1612)
• Antique Quarry color palette (#EBDDBB, #BCAE00, #719800, #007577, #2C2300)
• Hushed Meadow color palette (#FFF2EC, #E9D6CD, #FAAE74, #AAB79D, #5F2C00)

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