Quiet Harbor color palette — #FFF3E8 · #CF8F5E · #AD6DBA · #985000 · #5B353F

Dusty Rose and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#CF8F5E): A luminous, balanced gold — the color of honey in a jar.
• Dusty Rose (#AD6DBA): A luminous, balanced pink — the color of peonies in June.
• Ochre (#985000): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5B353F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Creativity, 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

• Blush Bloom color palette (#FBF4E8, #C1AF75, #D2779E, #897013, #654340)
• Worn Terracotta color palette (#FFF2EE, #D9838B, #7381D7, #A2404F, #54374D)
• Tempered Moss Villa color palette (#FFF2EB, #DF8368, #649C31, #A44225, #354926)
• Airy Coast color palette (#FFF3E4, #B07E24, #3E903F, #A04857, #3C3731)
• Faded Terrace color palette (#FFEFDE, #D89343, #209AC9, #8E5600, #023021)
• Wandering Marigold color palette (#FFF1F5, #EEA657, #3BB2E5, #AD7129, #27465B)
• Ancient Crimson color palette (#FFF5D4, #999B00, #E42150, #5F6100, #681927)
• Powdered Taupe Harbor color palette (#FBF5E7, #B49F40, #009D9D, #776500, #304A30)

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