Ancient Harbor color palette — #FBE9F6 · #F09AD5 · #F85358 · #796300 · #210600

A conversation between Scarlet and Carnation, giving this palette its sense of nature and growth.

The five colors

• Blush (#FBE9F6): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#F09AD5): A luminous, balanced pink — the color of neon signs at night.
• Scarlet (#F85358): A luminous, vivid orange — the color of toasted spice.
• Olive (#796300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#210600): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged candy, vibrant, light, warm.

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

• Tangerine Pier color palette (#FFE5F5, #F991B9, #EF6F00, #6A6F00, #1C0B00)
• Soft Peony color palette (#F1E4F9, #D592FC, #EE4B8E, #AC5600, #270003)
• Aged Blush Terrace color palette (#F7E1ED, #E66D9F, #C26700, #596500, #090300)
• Ancient Apricot color palette (#FDECF8, #FCABD6, #FF8556, #978600, #2C1500)
• Powdered Ember color palette (#FFE7F8, #FF7589, #F94600, #994E00, #431501)
• Chalky Ember color palette (#E2F0E3, #E16159, #965D00, #344F00, #020100)
• Antique Study color palette (#FFE3E0, #C46A39, #784A00, #402D00, #151300)
• Pine Loft color palette (#E0FAE6, #FF9889, #C38D00, #00882F, #171600)

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