Quiet Harbor color palette — #F1E0F3 · #0189EB · #C6208E · #005494 · #360023

Built around Fuchsia, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Blush (#F1E0F3): A whisper-light, dusty pink — the color of peonies in June.
• Azure (#0189EB): A luminous, vivid blue — the color of open sky before noon.
• Fuchsia (#C6208E): A full-bodied, vivid rose — the color of a warm blush.
• Peacock (#005494): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#360023): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Aged Byzantium color palette (#DBF8EB, #0092C3, #A746AB, #005A7A, #300033)
• Pale Atelier color palette (#CDE0FB, #006FE6, #9C2FAA, #006663, #00102D)
• Pale Rose Thicket color palette (#DFE2FF, #8C90FF, #F92F56, #5847E7, #5C0016)
• Feathered Terrace color palette (#FEE4FF, #55A1FF, #B25900, #004488, #110400)
• Aged Lilac color palette (#E6F0FF, #A8B9FA, #A18CED, #27649A, #341730)
• Frosted Violet color palette (#FFF1F5, #CC8DFF, #00AEC7, #9651C8, #00434D)
• Tempered Studio color palette (#D4E3F1, #5DB7FF, #CB7903, #00629D, #2A1500)
• Washed Cobalt Station color palette (#CEF6EA, #0072B5, #7C4E00, #003C63, #281600)

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