Ancient Harbor color palette — #FFF2F0 · #FF8DB9 · #89A619 · #007AC7 · #11296D

Moss and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#FF8DB9): A luminous, balanced rose — the color of a warm blush.
• Moss (#89A619): A luminous, balanced green — the color of new leaves after rain.
• Azure (#007AC7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#11296D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. 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

• Soft Fuchsia Bloom color palette (#FFF1F3, #FC81F1, #B49600, #00839D, #003744)
• Wandering Indigo color palette (#FFF2ED, #FF9491, #00B667, #725CDB, #44155D)
• Linen Coral Lagoon color palette (#F2DCD5, #FD6C77, #059E48, #0061B4, #001F41)
• Faded Apricot Quarry color palette (#FEEEE5, #F39671, #23A999, #1579A5, #331F4D)
• Antique Shell Pier color palette (#FFE5EB, #FFBAA2, #BBAC79, #6A84AA, #2E4A71)
• Marigold Garden color palette (#FFF3E7, #FAA02F, #00ACBE, #486FD0, #51084E)
• Pale Courtyard color palette (#FFEDD4, #A67700, #006F89, #004282, #14000E)
• Cerulean Field color palette (#FEF3E8, #D0E7FF, #9AB3FF, #00A2B9, #41356D)

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