Quiet Harbor color palette — #F1D7EA · #D94F9B · #B30026 · #662A00 · #2F1A00

A conversation between Ruby and Hot Pink, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#F1D7EA): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#D94F9B): A luminous, vivid rose — the color of strawberry cream.
• Ruby (#B30026): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#662A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2F1A00): A deep, shadowed, dusty gold — the color of old brass.

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

• Quiet Plum Loft color palette (#E7DBEC, #C754B6, #B70053, #7C0016, #3A1700)
• Chalky Brick Villa color palette (#E9D9E3, #EE5588, #B9003B, #611E00, #160700)
• Rose Terrace color palette (#FEE4F0, #EA4D62, #B72E00, #603100, #2D2200)
• Softworn Dune color palette (#F4DDD3, #DD503E, #00848E, #9D0A00, #002022)
• Brick Bloom color palette (#FAE9E2, #E57639, #BB2500, #552100, #1A0500)
• Soft Moss color palette (#FFE6DF, #EEAC65, #9FAD19, #965186, #391C09)
• Worn Atelier color palette (#FFE7E4, #B44C00, #654300, #2E2500, #050B00)
• Coral Garden color palette (#F9D6DF, #FF5E5D, #B86200, #6E4F00, #3B3500)

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