Apricot Harbor color palette — #FFF2EE · #FFCDB8 · #E08A57 · #976236 · #413C37

Apricot takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Peach Cream (#FFCDB8): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#E08A57): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#976236): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#413C37): quiet, heavy and certain.

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

• Tempered Marigold color palette (#FFF3E5, #FFCE83, #CA9C35, #7D6727, #3C3932)
• Bronze Thicket color palette (#FFDBD7, #DB9780, #A95C24, #754700, #402A00)
• Blush Ridge color palette (#FFF1F7, #FFB9D1, #E17E96, #9E5E68, #5C3629)
• Chalky Canyon color palette (#FFF3E7, #FFC798, #76D1A1, #BD7734, #11432C)
• Patina Marigold color palette (#FFF3E6, #E0E1B8, #CAA65E, #948455, #684F00)
• Dusty Bronze Veranda color palette (#F5DED3, #BF6300, #6D3E00, #361F00, #040200)
• Antique Cocoa color palette (#FFF3E5, #DBE1C8, #A3C5D6, #C8A282, #5B3D00)
• Misty Lantern color palette (#FFF3E6, #FBA633, #8EB975, #C17A8C, #372817)

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