Ancient Harbor color palette — #F1F7F2 · #D2DDDC · #B1C4C3 · #926E03 · #3F4C41

Ochre and Charcoal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DDDC): bright and airy, almost weightless.
• Stone (#B1C4C3): A luminous, dusty teal — the color of sea glass.
• Ochre (#926E03): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3F4C41): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Optimism, 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

• Dusty Bronze color palette (#F9F3F7, #E3D7D8, #CBBBBA, #AA5B44, #4F444B)
• Hushed Driftwood color palette (#F0F7F4, #D3DBDC, #AAACB7, #7D8858, #495651)
• Worn Bronze Balcony color palette (#EEF3EE, #CEDBDA, #ABC2C7, #8C7041, #272F27)
• Pine Alley color palette (#EEF8F6, #CEDCE1, #9CC5C6, #307E28, #304441)
• Wandering Olive color palette (#D4EBE1, #737700, #1D3831, #0F241C, #050F0F)
• Tempered Quarry color palette (#DBE7DF, #9EADA6, #5C8A7B, #413700, #04190E)
• Weathered Abyss Loft color palette (#DCE9EA, #ADBCBF, #6F95A1, #005142, #0D2326)
• Petrol Lagoon color palette (#D6FFFC, #97BBBD, #63878F, #45688C, #3F4E69)

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