Ancient Harbor color palette — #F6EFF3 · #D7D1E6 · #7E9ECC · #287A6E · #303547

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EFF3): a clean, paper-quiet neutral.
• Silver (#D7D1E6): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7E9ECC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#287A6E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#303547): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Weathered Ash color palette (#F0F7F1, #D7DEEF, #7D9DBA, #4B7685, #455467)
• Ash Coast color palette (#E2F6FA, #68C7B8, #C684AD, #1B8376, #362B42)
• Denim Coast color palette (#EDDDE6, #68A6BD, #0058A2, #003A30, #08012C)
• Muted Lagoon color palette (#FBF3EE, #C3E2F0, #C4A5C4, #5B9289, #604B57)
• Airy Forest color palette (#F9EDFA, #9FDDDA, #0091B0, #086814, #022644)
• Weathered Petrol color palette (#EFE6EE, #75C2C7, #00759B, #004F27, #001436)
• Quiet Quarry color palette (#F8EBEF, #4A91C5, #2A25BF, #002C2C, #070015)
• Ancient Dune color palette (#E6F5F5, #D1DBEB, #C9C1EA, #869368, #2E4044)

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