Ancient Harbor color palette — #F7EFF4 · #C8E0EF · #5F91C7 · #006E5C · #202B48

Built around Slate Blue, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Powder Blue (#C8E0EF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5F91C7): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E5C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#202B48): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Cerulean Workshop color palette (#F1F7F2, #BDE3F8, #4593BF, #147071, #344A61)
• Cobalt Loft color palette (#F8EFF3, #ADCCE5, #6179B8, #005B59, #24173F)
• Abyss Harbor color palette (#F1E7F0, #547F90, #00405E, #002112, #00000C)
• Periwinkle Quarry color palette (#FAF4F0, #BFE9E6, #6BAAE5, #348C74, #5B3C52)
• Antique Navy Harbor color palette (#ECE1E6, #5E92AB, #00429D, #002C27, #050019)
• Hushed Pine color palette (#E3F7F5, #7FB28A, #C2708A, #007939, #431325)
• Tempered Delta color palette (#D1FBFF, #84CBB8, #088D77, #004E41, #001E1A)
• Hazy Pine color palette (#C2F1D9, #92AC6F, #1E8A56, #005E52, #003033)

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