Ancient Harbor color palette — #FCF2F8 · #E3D7F1 · #DECA92 · #8291EE · #5B4100

Lavender Blue and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Thistle (#E3D7F1): A whisper-light, dusty violet — the color of wild irises.
• Pistachio (#DECA92): A whisper-light, dusty green — the color of new leaves after rain.
• Lavender Blue (#8291EE): A luminous, balanced violet — the color of twilight just after sunset.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged 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

• Weathered Azure color palette (#EBF9F4, #D4DCFA, #F7BF8D, #4FA2DC, #4B4540)
• Muted Delta color palette (#FFF1F5, #F8D2E8, #CAD38A, #B67ED9, #48463F)
• Powder Corridor color palette (#FEF1FA, #E6D7D5, #8CBCE4, #A8B1AA, #604953)
• Powder Studio color palette (#FDECF8, #A1AEF6, #C7888E, #656E9D, #442921)
• Taupe Dune color palette (#F0F5FF, #96AEEB, #9D9D58, #60719D, #395448)
• Aubergine Market color palette (#F0D9E4, #6F53BE, #685100, #320072, #020100)
• Antique Cabin color palette (#FFF0F7, #CCC3FB, #D9B47F, #9BAB59, #48303C)
• Muted Orchard color palette (#FDF3EA, #DCDDC5, #CCA686, #A16A5C, #4E3D00)

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