Quiet Harbor color palette — #FFF2EF · #FFC3E4 · #FF90B0 · #E76E62 · #4E281F

Built around Coral Clay, softened by Ballet Pink — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Thistle (#FFC3E4): A whisper-light, balanced pink — the color of neon signs at night.
• Ballet Pink (#FF90B0): A luminous, balanced red — the color of late-summer berries.
• Coral Clay (#E76E62): A luminous, balanced orange — the color of autumn markets.
• Espresso (#4E281F): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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 Balcony color palette (#FFF1F1, #FDB1FC, #FF93D0, #EE6381, #451C30)
• Linen Apricot color palette (#FFF2EB, #FFC2C6, #FF9276, #D6863A, #412511)
• Patina Thicket color palette (#FFE9E7, #F98775, #E54D16, #9A4313, #5A2E12)
• Timeworn Thicket color palette (#FFF2F0, #EBAAFF, #E772A5, #B26B02, #4E2623)
• Rose Quarry color palette (#FDD4C7, #FF88B4, #FF4A71, #C93200, #320005)
• Patina Corridor color palette (#FFEADE, #E88C6E, #A876F2, #B64C29, #3C2A59)
• Timeworn Ridge color palette (#FDDBCD, #E3AD97, #A38264, #786F24, #404600)
• Ancient Terrace color palette (#FBE2DC, #CB5069, #672B10, #2F1C18, #130B0A)

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