Ancient Harbor color palette — #F9EDFB · #D4637D · #007567 · #004666 · #002133

Hot Pink and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EDFB): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#D4637D): A luminous, balanced red — the color of a theater curtain.
• Teal (#007567): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004666): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Hazy Peony Study color palette (#F4EFFE, #C267B3, #327536, #004A52, #002328)
• Washed Amber color palette (#FDEDF3, #D2884B, #477898, #314E6C, #1A2642)
• Ancient Blush Studio color palette (#FFF2EF, #DE86A0, #6C8D42, #335E98, #2F345C)
• Dusty Scarlet color palette (#F1D7ED, #D5041C, #00575F, #001C7A, #000734)
• Timeworn Stone Chapel color palette (#F1E0FF, #D0ADBF, #729286, #546375, #283B52)
• Bronze Bloom color palette (#E4F2E4, #A66F00, #005D80, #4C1D4F, #250128)
• Tempered Amber color palette (#FEF1F9, #C07053, #766100, #1C5528, #532834)
• Pale Apricot Grove color palette (#F7DEDA, #EC915D, #AE6F00, #5D500A, #05372C)

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