Ancient Harbor color palette — #F8EEF8 · #98B5E0 · #C19258 · #4472B4 · #35302B

Built around Slate, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EEF8): a clean, paper-quiet neutral.
• Sky (#98B5E0): A luminous, dusty blue — the color of deep harbor water.
• Mustard (#C19258): A luminous, balanced gold — the color of old brass.
• Slate (#4472B4): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#35302B): quiet, heavy and certain.

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

• Petrol Cabin color palette (#E8F6EF, #91BFA9, #C48E6E, #007DA0, #36302B)
• Ancient Cobalt Alley color palette (#F0F5FF, #9FADE1, #C38B59, #5F6EAC, #61434F)
• Antique Violet Corridor color palette (#FBEEF2, #BDA9D4, #8EA672, #8658B2, #32312A)
• Hushed Marigold Coast color palette (#EFF6FE, #A1C6FD, #DCA657, #6A8EC2, #3B553B)
• Tempered Cerulean color palette (#FAEDF8, #E9D2D3, #D8B695, #5C88AD, #45303D)
• Driftwood Boulevard color palette (#FBEDF9, #849CCD, #C2756F, #518853, #322030)
• Timeworn Pier color palette (#FAEEF3, #D4C0A0, #66597F, #452534, #1C1015)
• Timeworn Lapis color palette (#FFEBF8, #888CF1, #958300, #500DEF, #262100)

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