Ancient Harbor color palette — #F3DFE6 · #4C7F9F · #162C8F · #001F1E · #020008

Indigo takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F3DFE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Slate (#4C7F9F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#162C8F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Tempered Harbor color palette (#F4EAF1, #46838F, #004062, #002014, #00000C)
• Denim Workshop color palette (#EDE3D4, #75A9CE, #0051A7, #002A33, #00000B)
• Ultramarine Villa color palette (#F3E7DD, #6E9E8F, #364AB6, #003B3B, #0F0023)
• Gentle Pier color palette (#FBEDFA, #68CED0, #007D9F, #005621, #001A38)
• Hazy Aubergine Market color palette (#FBDDE5, #BD7D60, #6F6600, #470E5B, #070000)
• Cypress Delta color palette (#F8EFF3, #C0E1FA, #748DBE, #126C65, #242947)
• Obsidian Garnet Veranda color palette (#FFE8ED, #710035, #00393D, #03202E, #040001)
• Lowlit Coast color palette (#F9E5F8, #900629, #004737, #40000D, #000201)

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