Quiet Harbor color palette — #F7DFF0 · #C10070 · #820029 · #470800 · #1B0700

Magenta Rose takes the lead with Wine close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Blush (#F7DFF0): A whisper-light, dusty pink — the color of neon signs at night.
• Magenta Rose (#C10070): A full-bodied, vivid rose — the color of pressed rose petals.
• Wine (#820029): A deep, shadowed, balanced red — the color of embers at dusk.
• Espresso (#470800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Timeworn Raspberry Canyon color palette (#F7EBF9, #BC3B8D, #900021, #521900, #321700)
• Patina Harbor color palette (#F2D6DE, #FF4581, #C20042, #630012, #180000)
• Feathered Brick color palette (#FFE8E9, #CD041A, #732E00, #392100, #100900)
• Aged Brick color palette (#F4DBF0, #C9061D, #006564, #6B010A, #000A0A)
• Airy Hollow color palette (#F3E9FF, #A416B9, #740059, #46001C, #180001)
• Plum Delta color palette (#F9D7EC, #00928D, #D10053, #1A020D, #030004)
• Softworn Lantern color palette (#FFD7E9, #EE8298, #B45048, #713C1E, #462130)
• Frosted Drift color palette (#FFE2E5, #F72820, #944500, #4B2B00, #211700)

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