Muted Harbor color palette — #FFF0F7 · #BAA7FF · #FF5068 · #847600 · #003934

Built around Scarlet, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#BAA7FF): A luminous, balanced violet — the color of wild irises.
• Scarlet (#FF5068): A luminous, vivid red — the color of embers at dusk.
• Walnut (#847600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003934): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Muted 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 Ember color palette (#FFF1F5, #D799FF, #FA5F22, #5D8400, #003742)
• Powdered Peony Villa color palette (#FFF0FE, #8EB7FF, #FA42AF, #9B6A00, #003A28)
• Soft Parlor color palette (#F3D9E2, #B787F0, #E54007, #4E6E00, #00242D)
• Washed Market color palette (#FFF1F2, #F49CDD, #D38F40, #379063, #1C3A56)
• Hazy Fern color palette (#F0F5FF, #93A8FF, #A07600, #2C6000, #0F2900)
• Muted Fern Parlor color palette (#F6F3FF, #E3BAE4, #D596AC, #899363, #4A5507)
• Misty Garden color palette (#DFFEF0, #1BB1E9, #B24F00, #006459, #003932)
• Raspberry Station color palette (#FBE1E0, #D33896, #8B5700, #005227, #000910)

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