Ancient Harbor color palette — #F2F7EF · #D1DFDC · #A9B4BB · #7D6570 · #51544E

A conversation between Pewter and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F7EF): a clean, paper-quiet neutral.
• Silver (#D1DFDC): a clean, paper-quiet neutral.
• Ash (#A9B4BB): a calm mid-gray that lets other colors speak.
• Pewter (#7D6570): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#51544E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Worn Field color palette (#F0F7F1, #D1DEDF, #B7B7AB, #7AA8B3, #4D554F)
• Wandering Basin color palette (#E5F7E9, #1ECDE1, #857586, #4C584F, #20231E)
• Patina Station color palette (#FFF2ED, #86E6CC, #8EB2D8, #B07D78, #3B4D3E)
• Hushed Harbor color palette (#ECF3F5, #D3D7DD, #B0ACB6, #4F9184, #2D393A)
• Tempered Cocoa Basin color palette (#F5F8E1, #C7E7CD, #CCB5C8, #AB9A86, #6C4500)
• Wandering Cypress Archive color palette (#E4ECE2, #88A9A7, #A68FA5, #007369, #030C02)
• Weathered Seafoam color palette (#F3F7EC, #8CDBAF, #C398C5, #A77C5D, #623600)
• Cobalt Grove color palette (#EAE1EB, #CDA8A9, #AE9187, #2574BF, #1B0E1D)

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