Apricot Harbor color palette — #FFDCD8 · #F68953 · #CB7900 · #7B5F00 · #352E00

A conversation between Apricot and Mustard, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDCD8): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#F68953): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#CB7900): A luminous, balanced gold — the color of old brass.
• Olive (#7B5F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#352E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Quiet Veranda color palette (#FFE2D7, #F69F62, #CF8B00, #877300, #384101)
• Pale Amber color palette (#F7D8C7, #CC8300, #9D7400, #585900, #162300)
• Muted Alley color palette (#FFEAE7, #D5611E, #854B00, #3E2E00, #171500)
• Softworn Amber Harbor color palette (#F8EEE2, #C5B072, #B48349, #945A42, #2C2402)
• Ember Orchard color palette (#F4DEE6, #F8798E, #E35334, #A64F00, #452B00)
• Amber Garden color palette (#FBDEA4, #DFB84A, #B28D00, #806200, #1A1300)
• Mustard Lantern color palette (#F0DBBD, #F4B640, #0098DA, #A97800, #002C44)
• Linen Lantern color palette (#F6E4CB, #C5A700, #899300, #3D7A0D, #003B17)

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