Ancient Harbor color palette — #FFF4E2 · #E094CC · #B86E72 · #4B6D4E · #503533

Carnation and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Carnation (#E094CC): A luminous, balanced pink — the color of peonies in June.
• Mocha (#B86E72): A luminous, balanced red — the color of a theater curtain.
• Pine (#4B6D4E): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#503533): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Tempered Study color palette (#FFF4E3, #FE9EAD, #BB8465, #617658, #4E4643)
• Washed Lilac Drift color palette (#FFF4E2, #AFA2FF, #AB6CA7, #6D6434, #4D353E)
• Washed Coral Harbor color palette (#FFF1F6, #F7B7CA, #C87876, #776104, #3E2843)
• Blush Thicket color palette (#FFF1F1, #EA76BE, #A2773D, #1E6E4B, #064237)
• Softworn Lilac color palette (#FCF6D9, #B382C4, #965359, #00595E, #513436)
• Lagoon Corridor color palette (#E5FBF1, #DAB7F0, #DB8996, #009499, #413851)
• Quiet Coral color palette (#FFF4DE, #FF7A61, #AB6F00, #00686E, #532810)
• Worn Basalt color palette (#FAF4E9, #C5C998, #809967, #866871, #4F4100)

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