Feathered Harbor color palette — #FFF0F8 · #C7BDFF · #FF857B · #8068D5 · #551311

A conversation between Amethyst and Salmon, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#C7BDFF): A whisper-light, balanced violet — the color of a velvet chair.
• Salmon (#FF857B): A luminous, balanced orange — the color of sun-warmed clay.
• Amethyst (#8068D5): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#551311): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Creativity, Balance. Tagged warm.

Use it as a design system

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

• Worn Apricot Hollow color palette (#FFF1F5, #DAA6FF, #ED874F, #8C60AB, #441900)
• Mallow Veranda color palette (#FFF1F3, #FFB9F6, #E7AE6D, #B070A8, #4D320F)
• Feathered Ember color palette (#FFF1F7, #B692FF, #EF5A2F, #6E4DA9, #320700)
• Patina Market color palette (#FFF1F6, #E8D8E0, #CFB2AA, #9B95D9, #5A3441)
• Washed Fuchsia Veranda color palette (#D9FFF2, #8CD0FF, #F37DD6, #0087C5, #4D1241)
• Blush Grove color palette (#F7F3FF, #BD96FF, #FF598B, #0091C7, #26193B)
• Iris Veranda color palette (#FFF0F8, #BFBDFF, #D6C522, #8676F3, #423C00)
• Plum Corridor color palette (#FFF1F1, #FFCCB0, #A53E7E, #471D36, #140203)

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