Ancient Harbor color palette — #FFF1F4 · #FFC0BC · #DF8366 · #996135 · #423E38

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFC0BC): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#DF8366): A luminous, balanced orange — the color of toasted spice.
• Ochre (#996135): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#423E38): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Ancient 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

• Apricot Coast color palette (#FFE2DF, #FFAFBA, #E48D6D, #B07646, #5B481A)
• Aqua Canyon color palette (#FFF2EA, #FFC5AA, #64CBE6, #BC7653, #1C412E)
• Timeworn Amber Archive color palette (#FFF2EB, #FFC887, #C5942D, #777334, #42413A)
• Powdered Blush color palette (#FBF1FF, #FFC5F8, #DE81AC, #954F5C, #633935)
• Antique Bronze color palette (#FFE5E2, #FF9B6F, #B36700, #734F00, #2F2900)
• Softworn Veranda color palette (#FFF2EA, #E3DAC3, #CD8B57, #7D4C1D, #2C1400)
• Timeworn Station color palette (#FAE5DA, #A95F00, #593C00, #1E1B00, #010100)
• Soft Mustard Meadow color palette (#FFE1C6, #DAA900, #8A8000, #3D4C00, #072600)

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