Ancient Harbor color palette — #F3EFFF · #E7ACC1 · #B96E71 · #7F483A · #472934

A conversation between Mocha and Coffee, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#F3EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#E7ACC1): A luminous, dusty rose — the color of a warm blush.
• Mocha (#B96E71): A luminous, balanced red — the color of late-summer berries.
• Coffee (#7F483A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#472934): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: 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

• Muted Driftwood Boulevard color palette (#EEE1FF, #EBABB1, #B06B62, #754A24, #1E3E28)
• Driftwood Delta color palette (#E0EAFF, #C5B0E4, #A4709F, #864D62, #442D46)
• Worn Cocoa Workshop color palette (#FFEBF9, #F8C3B1, #AA735F, #6D372D, #351007)
• Aged Bronze Villa color palette (#FAEEF6, #DEA296, #65AAA8, #9C5F52, #0E3740)
• Rust Canyon color palette (#FADFE5, #CD5A4F, #863D00, #4C2F00, #1C1600)
• Driftwood Loft color palette (#E7F7EA, #A5C3B7, #6B8C74, #6B4E5C, #1C302E)
• Airy Blush Ridge color palette (#F7E8EF, #F96E89, #AC4200, #6B3B00, #2F2100)
• Dusty Bronze color palette (#FFE4DE, #D29267, #967000, #545200, #22330F)

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