Ancient Harbor color palette — #FBEEF3 · #BCA8DF · #1FB0BC · #7A659D · #1F3825

A conversation between Cyan and Slate, giving this palette its sense of trust and stability.

The five colors

• Blush (#FBEEF3): bright and airy, almost weightless.
• Mauve (#BCA8DF): A luminous, balanced violet — the color of twilight just after sunset.
• Cyan (#1FB0BC): A luminous, balanced blue — the color of deep harbor water.
• Slate (#7A659D): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#1F3825): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cobalt Coast color palette (#F7EEF8, #8EB6EA, #61AF87, #4173B2, #30322B)
• Softworn Lilac color palette (#F3F4FF, #BCA0E4, #78A773, #7C6798, #305550)
• Aged Periwinkle Pier color palette (#FFEDEC, #DA9FB9, #639FE5, #995B78, #3C293D)
• Washed Indigo color palette (#FEECF4, #B7A9E3, #D48373, #7764A8, #362F2C)
• Ash Courtyard color palette (#FFECF0, #E3D3CC, #B2A991, #A18AB0, #473335)
• Tempered Aubergine Drift color palette (#F7E3E7, #B278BB, #0089AD, #783482, #00202B)
• Dusty Lantern color palette (#FFF1F6, #EFD3EB, #93E1A1, #A38BCF, #454740)
• Ancient Mallow Bloom color palette (#F4F4FF, #DAB1F4, #DFA180, #9F7CB5, #5F4352)

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