Quiet Harbor color palette — #F6D3E1 · #8D64CE · #786B00 · #582794 · #2F2900

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

The five colors

• Shell Pink (#F6D3E1): A whisper-light, dusty rose — the color of a warm blush.
• Amethyst (#8D64CE): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#786B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#582794): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Weathered Aubergine Cabin color palette (#F1D6DE, #A771D4, #4D7900, #560082, #1B3000)
• Chalky Study color palette (#DAE0FA, #816DCD, #6D7100, #5000B0, #121400)
• Aubergine Courtyard color palette (#FFE8ED, #A879B7, #847C00, #7A2F90, #3B3700)
• Feathered Coast color palette (#EBD6EA, #4D7ECB, #716E00, #00419E, #2C2B00)
• Washed Byzantium Atelier color palette (#EBD9DD, #9241B7, #3B6700, #570075, #0F2000)
• Grape Villa color palette (#F0D5E3, #AA97FF, #848E00, #6000D1, #282C00)
• Amethyst Market color palette (#F0ECFE, #764EC2, #566700, #0C562A, #23173B)
• Soft Peony color palette (#FBD3D3, #CD61A7, #007F46, #6B0050, #003218)

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