Quiet Harbor color palette — #F7E8FF · #DA9CBD · #A95854 · #744000 · #433A00

A conversation between Brick and Bronze, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7E8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#DA9CBD): A luminous, balanced rose — the color of pressed rose petals.
• Brick (#A95854): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#744000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#433A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Ancient Atelier color palette (#FFE1EC, #D2979E, #AD594A, #7F3300, #371F00)
• Gentle Canyon color palette (#EFF1FF, #C495CE, #9E5878, #80312E, #543200)
• Ancient Garden color palette (#FFEFF7, #D79292, #A16531, #645100, #324A00)
• Terracotta Summit color palette (#FFECF4, #EDA9AF, #C87566, #A34800, #543100)
• Bronze Lagoon color palette (#FFEBF4, #C5A7A9, #B2764B, #785970, #674142)
• Worn Chestnut color palette (#F9F6DF, #B982B2, #965737, #04566E, #55322E)
• Blush Loft color palette (#F3DCEB, #FA597F, #9D4400, #4F3A00, #273100)
• Washed Villa color palette (#FFF2EE, #EBCBFF, #FF9CA8, #9E883A, #413B36)

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