Ancient Harbor color palette — #F0F7F1 · #CBDDDE · #BFADBA · #1E7173 · #333E34

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#CBDDDE): a clean, paper-quiet neutral.
• Ash (#BFADBA): A luminous, dusty pink — the color of neon signs at night.
• Teal (#1E7173): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#333E34): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Boulevard color palette (#E7FAF3, #E1CBD9, #C698A4, #006090, #1F3931)
• Worn Cerulean Orchard color palette (#F0F7F2, #D1DCDB, #A7C6CA, #14919C, #303F33)
• Cypress Corridor color palette (#ECF3F6, #D2D6DD, #A6BACC, #00727C, #122329)
• Timeworn Cerulean color palette (#F9F3F9, #E1D8D8, #ADADA3, #6884A6, #565057)
• Petrol Villa color palette (#FBF2F8, #E8D5D1, #D3B3B1, #5663AE, #4B3946)
• Worn Abyss color palette (#D8E3DA, #A9BFB8, #A28496, #004E57, #132418)
• Hushed Cypress Thicket color palette (#FDF4E6, #91A276, #2F7251, #305441, #36362F)
• Weathered Chestnut Pier color palette (#D6ECC9, #8BB19E, #906B7D, #6C4F00, #3D4200)

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