Ancient Harbor color palette — #E6DFD4 · #8CAC8A · #00606B · #002D20 · #000102

A conversation between Peacock and Sage, giving this palette its sense of nature and growth.

The five colors

• Bone (#E6DFD4): bright and airy, almost weightless.
• Sage (#8CAC8A): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#00606B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#002D20): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000102): quiet, heavy and certain.

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

• Washed Petrol Alley color palette (#F6EDDE, #6EC7CB, #007486, #003F32, #000305)
• Washed Parlor color palette (#F4EEE5, #75A8CE, #0652A4, #002A33, #00000B)
• Ancient Lantern color palette (#D8EBDC, #229290, #00454D, #002318, #000B11)
• Dusty Study color palette (#EEDEDA, #67AFAD, #00819F, #00631A, #000919)
• Worn Bronze color palette (#E9DEC6, #A18400, #503D00, #0D0800, #020100)
• Hushed Delta color palette (#F4E7D8, #8E6100, #00549F, #3C2600, #000104)
• Patina Terrace color palette (#FCF4E7, #B7F1FF, #009FD2, #006A66, #002038)
• Faded Dune color palette (#FDF4E6, #A1D3F3, #2C7CCD, #00505C, #020236)

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