Apricot Harbor color palette — #FFF0F9 · #FFD9C5 · #EF9F65 · #A6774A · #62444E

A conversation between Apricot and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FFD9C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Apricot (#EF9F65): A luminous, balanced gold — the color of old brass.
• Mocha (#A6774A): A luminous, balanced gold — the color of old brass.
• Cocoa (#62444E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Hushed Marigold Summit color palette (#FFF1F6, #EAE0BC, #E0A24B, #9A793B, #324E3A)
• Washed Study color palette (#FFEEE7, #DDA086, #AB724D, #7B5224, #39352F)
• Weathered Grove color palette (#F9F2FF, #EBD7D3, #ED8B9F, #AA6A72, #554154)
• Aged Seafoam Villa color palette (#FFF1F5, #FFDFBF, #7DE4B6, #C78C4A, #284D4E)
• Marigold Market color palette (#FFD7A4, #DDA100, #937100, #5B4A00, #201B00)
• Marigold Meadow color palette (#E8FCE7, #CCD9C9, #DDAA63, #825E28, #173219)
• Amber Delta color palette (#FFF3E9, #FFC37E, #C68700, #855F00, #413300)
• Hushed Honey Station color palette (#EDF9EC, #F6C17B, #98CB89, #D48998, #2F3D2E)

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