Ancient Harbor color palette — #FBEDF4 · #CC8A63 · #00837A · #57416B · #25243E

A conversation between Camel and Teal, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FBEDF4): bright and airy, almost weightless.
• Camel (#CC8A63): A luminous, balanced gold — the color of old brass.
• Teal (#00837A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#57416B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Midnight (#25243E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Patina Petrol color palette (#ECF4EF, #AE9C55, #047D9E, #6B3A4F, #321F37)
• Patina Coast color palette (#F7EEFA, #C7879A, #577F3E, #394A75, #182740)
• Wandering Amber Workshop color palette (#ECF9EE, #C08E26, #5E7A4A, #1E5F59, #53394A)
• Apricot Ridge color palette (#FFF3E7, #E5A05E, #3A9DA1, #616491, #583743)
• Gentle Drift color palette (#FFECF2, #B77000, #006968, #5B006C, #310022)
• Stone Lantern color palette (#FFECF4, #AAC8B5, #7B9C96, #6D6C7F, #3B3A49)
• Softworn Courtyard color palette (#F8F5EB, #D4D087, #63AD77, #2E7879, #3E3733)
• Timeworn Grove color palette (#D3EED3, #C5B97C, #788A21, #476733, #0E3838)

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