Ancient Harbor color palette — #FFF0F7 · #BD9CAA · #93674C · #7A3F27 · #4F343D

Bronze and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mauve (#BD9CAA): A luminous, dusty rose — the color of a warm blush.
• Walnut (#93674C): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#7A3F27): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#4F343D): A deep, shadowed, dusty rose — the color of strawberry cream.

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

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

• Muted Bronze color palette (#FFECF5, #99B497, #A1633F, #6B3E3B, #15271C)
• Muted Cocoa Harbor color palette (#F7E1EA, #B18A97, #8A5528, #6E2E00, #1E371F)
• Chestnut Lantern color palette (#EBFAED, #8DB199, #866F42, #704800, #2C4337)
• Wandering Amber Pier color palette (#FFF2E9, #DBB78C, #C17C55, #8D5955, #403D36)
• Airy Boulevard color palette (#F8E3EE, #B07952, #863E10, #631B00, #371D00)
• Softworn Pewter color palette (#EEF6FF, #5685B4, #97568E, #83344F, #213549)
• Dusty Chestnut color palette (#FFE2EC, #8D5B07, #542E00, #301300, #120900)
• Dusty Atelier color palette (#E9FAF4, #758637, #883856, #6F2300, #172D1D)

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