Ancient Harbor color palette — #E3FCF3 · #D9B66A · #005780 · #001B2B · #000201

Sand and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E3FCF3): A whisper-light, dusty teal — the color of sea glass.
• Sand (#D9B66A): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#005780): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001B2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Gentle Navy color palette (#FFF0FB, #DBB563, #394993, #0A074E, #030003)
• Muted Petrol color palette (#EBF9F5, #E8CC92, #356697, #00294C, #000504)
• Feathered Cobalt color palette (#E7D8E9, #F5A179, #177BD1, #144A7D, #110712)
• Chalky Workshop color palette (#FBE7F9, #C09C4E, #033487, #00051F, #030003)
• Antique Amber Courtyard color palette (#D2E0EC, #B08400, #003A58, #001828, #030412)
• Patina Navy Atelier color palette (#FCF1F9, #FBE2BA, #6774A1, #2A3461, #150C13)
• Softworn Ember color palette (#E1EEFF, #D66851, #163571, #020E32, #000107)
• Hushed Indigo color palette (#FAF2F8, #E7D7D7, #DCBAB4, #5F6EC4, #271923)

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