Ancient Harbor color palette — #EDF5E7 · #008C6D · #005E72 · #213278 · #273000

Navy and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDF5E7): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008C6D): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005E72): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#213278): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Forest (#273000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

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

• Patina Pine Cabin color palette (#F1F4E2, #1B8F30, #00615F, #003F5F, #372900)
• Airy Denim Garden color palette (#E7F7E9, #00878F, #0051A3, #4D2269, #003524)
• Pale Teal Delta color palette (#D1F2E8, #00B5A1, #007E76, #005352, #0C364B)
• Aged Bloom color palette (#F6F6EE, #B4CDB1, #00898E, #006152, #24422D)
• Tempered Onyx Delta color palette (#E4F0DF, #006659, #003C54, #20005C, #021700)
• Ultramarine Archive color palette (#CDF2DD, #007B96, #2700DB, #510063, #002C20)
• Gentle Clover Station color palette (#F3F8E5, #9FDD6C, #00C270, #008870, #31332D)
• Worn Pine Harbor color palette (#F8F6E5, #86A675, #2F7434, #544C00, #36362F)

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