Antique Harbor color palette — #FAF2FD · #B66478 · #008379 · #4B4C83 · #3A2D3E

A conversation between Mocha and Teal, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FAF2FD): bright and airy, almost weightless.
• Mocha (#B66478): A luminous, balanced red — the color of late-summer berries.
• Teal (#008379): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#4B4C83): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3A2D3E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Antique 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

• Sunlit Workshop color palette (#FAF2FC, #C06A7D, #007558, #623463, #4E2333)
• Cerulean Thicket color palette (#FFF0F9, #C07D66, #0F8F9C, #794D76, #483742)
• Ember Balcony color palette (#FFEEE6, #CA6352, #23867B, #245874, #25160E)
• Quiet Study color palette (#F5F3FF, #A565AC, #4F802E, #09597F, #343043)
• Cobalt Lagoon color palette (#F0F5FF, #6B7AC8, #008181, #444E82, #2B3343)
• Sunlit Rust Summit color palette (#FFF0FE, #C15E5F, #6F63B1, #524A80, #3C2D3B)
• Frosted Olive color palette (#EBFAE9, #D17E6A, #6E6F00, #454583, #4F343F)
• Coral Lantern color palette (#FFF0FB, #ED7663, #3CA38E, #44739A, #3E2D3A)

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