Ancient Harbor color palette — #FFF2EF · #E02260 · #006D29 · #003D80 · #311E57

Rose Red takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose Red (#E02260): A full-bodied, vivid red — the color of embers at dusk.
• Pine (#006D29): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003D80): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#311E57): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Wandering Harbor color palette (#FFF2EC, #DE3618, #006C37, #2A2D94, #401B5A)
• Faded Courtyard color palette (#FFF1F2, #BD49A3, #625C00, #004661, #19276B)
• Softworn Ridge color palette (#F5DBD3, #B52F42, #00552F, #1B137F, #111452)
• Pale Amber color palette (#FFF3EA, #C56F34, #007272, #54357B, #462C50)
• Brick Hollow color palette (#F5E0D9, #A40926, #094305, #00135B, #25001F)
• Washed Aubergine color palette (#FAE3CF, #A25900, #005851, #4C006D, #470024)
• Tangerine Alley color palette (#FFF2EB, #FB6520, #907400, #0B6813, #541431)
• Airy Alley color palette (#FFF0FB, #FF9685, #9AA100, #008688, #27236B)

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