Ancient Harbor color palette — #F6F4FA · #DFD7DD · #CCC0BB · #9F94BA · #535157

A conversation between Blue Fog and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F6F4FA): bright and airy, almost weightless.
• Silver (#DFD7DD): bright and airy, almost weightless.
• Stone (#CCC0BB): soft and architectural.
• Blue Fog (#9F94BA): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#535157): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Antique Driftwood color palette (#F9F3F7, #E5D7D8, #D3BCBB, #BA7E6F, #4D454B)
• Taupe Ridge color palette (#EEF8F2, #BBDACA, #99A171, #8C748B, #42514A)
• Hushed Coral color palette (#FFF0F7, #EAA6C7, #C77883, #816B44, #4E4354)
• Cocoa Lantern color palette (#ECE1E7, #C6ACB7, #B08E6B, #873700, #1D0E17)
• Garnet Loft color palette (#E7E4ED, #A9A1AF, #947C9D, #6C2559, #0C0613)
• Ancient Plum Summit color palette (#F1EDF3, #DFD3E0, #C8AEC5, #B0486D, #342938)
• Softworn Blush color palette (#F6EEFB, #D67AA1, #645068, #3D3442, #232026)
• Ancient Courtyard color palette (#FDF1F6, #F1D6DE, #A8C7AA, #B35D00, #432A36)

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