Ancient Harbor color palette — #FFF1F2 · #DE99B3 · #C46969 · #8F5536 · #56504A

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Ballet Pink (#DE99B3): A luminous, balanced rose — the color of a warm blush.
• Coral Clay (#C46969): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#8F5536): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#56504A): 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

• Antique Veranda color palette (#FFF2F0, #FEA4B8, #DA8989, #A06F64, #554E49)
• Hushed Teal color palette (#FFF2EB, #E29C83, #00AFAB, #9E604A, #3F533E)
• Patina Peony Thicket color palette (#FFF0F9, #C6A4DB, #B46EB1, #8D4E65, #564E4A)
• Chestnut Canyon color palette (#FFF2EE, #C0FFF7, #E0DDCE, #A7797F, #7A4414)
• Chalky Amber color palette (#FBD6D6, #DF7250, #9F5D00, #654A00, #3D4208)
• Tempered Chestnut Cabin color palette (#FAF4EA, #BDB99B, #917F47, #83501A, #444E00)
• Wandering Cerulean Pier color palette (#FFF2ED, #CF7E7D, #3095BD, #5272A5, #48403E)
• Sunlit Bronze color palette (#FFE1DC, #BD5F00, #6D4400, #343000, #00220F)

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