Ancient Harbor color palette — #FFF0F9 · #FF9869 · #B19700 · #248B44 · #5A0B2A

Fern takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Apricot (#FF9869): A luminous, balanced orange — the color of toasted spice.
• Mustard (#B19700): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#248B44): A full-bodied, balanced green — the color of new leaves after rain.
• Mulberry (#5A0B2A): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Soft Moss Studio color palette (#E7FCE8, #F0A700, #84A813, #008A6C, #5B0F19)
• Aged Amber color palette (#FFF0FD, #FF9490, #D38400, #757C00, #451C4D)
• Frosted Amber Workshop color palette (#F3D9E3, #E98600, #8C8900, #007541, #40001A)
• Moss Bloom color palette (#FFF2EB, #FF8765, #589000, #005A74, #370441)
• Lime Delta color palette (#C7F4DF, #B1AF00, #00A468, #007582, #391C00)
• Powdered Olive Hollow color palette (#D0E6D0, #BE8200, #5B8100, #005F51, #290100)
• Linen Ridge color palette (#FFD7B4, #FFAF47, #CE9100, #A67B00, #4E3D00)
• Tangerine Field color palette (#FFE2F0, #F47A0E, #875D2F, #553746, #1A0D15)

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