Faded Harbor color palette — #FEF1F9 · #FFAD90 · #48A37A · #B96649 · #0E2929

Mocha and Fern set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Melon (#FFAD90): A whisper-light, balanced orange — the color of toasted spice.
• Fern (#48A37A): A luminous, balanced teal — the color of sea glass.
• Mocha (#B96649): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#0E2929): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Faded 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

• Wandering Honey Workshop color palette (#F0F8EF, #F7B662, #08A4A3, #AB7321, #0F282E)
• Feathered Moss color palette (#FAF2FB, #FFA8B6, #A58F17, #B76372, #19281F)
• Terracotta Thicket color palette (#FBF2F9, #DA9D93, #37814A, #954238, #0F2927)
• Coral Courtyard color palette (#FAF3F0, #FFC6B7, #88BF7C, #F97353, #242610)
• Powdered Apricot color palette (#FFECF3, #F78C00, #008C6F, #9A5500, #001518)
• Hushed Amber Terrace color palette (#FCF3EC, #EBDABB, #9DA553, #D36700, #171200)
• Worn Moss Grove color palette (#FFE8DE, #EBB368, #A09230, #507632, #00482F)
• Quiet Marigold color palette (#E7FCE8, #E7A048, #76914E, #5E5D8F, #2F4335)

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