Ancient Harbor color palette — #FFF1F7 · #F5D1D0 · #FFAB88 · #6789BC · #563940

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Shell Pink (#F5D1D0): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FFAB88): A luminous, balanced orange — the color of toasted spice.
• Slate Blue (#6789BC): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#563940): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Hushed Sand color palette (#FFF1F4, #E3DAD2, #FFCF9B, #899AC6, #624B48)
• Aged Mustard Loft color palette (#FFF2F0, #FFD6C9, #D1C87D, #8674B3, #53342B)
• Wandering Mallow color palette (#FFEFFF, #EDD1EC, #FC9EBD, #23A0AA, #52374B)
• Dusty Taupe Garden color palette (#F5F3FF, #FFC9E7, #D8929B, #726A9D, #443D57)
• Mint Atelier color palette (#FFEBE4, #F4C898, #87C86F, #9A5B88, #39332E)
• Powdered Apricot color palette (#FFDFE5, #FF9FB5, #E38F4C, #3960AB, #3A1832)
• Linen Lilac color palette (#FFE7F1, #9979E0, #00967A, #62539B, #351E29)
• Patina Harbor color palette (#FFE8E3, #E38F67, #858900, #6B2C76, #210500)

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