Quiet Harbor color palette — #D7E2F7 · #7688EF · #6D36D7 · #480074 · #12001A
Violet takes the lead with Royal Purple close behind in a set that reads as creativity and energy at first glance.
The five colors
- Frost (#D7E2F7): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#7688EF): A luminous, balanced violet — the color of a velvet chair.
- Violet (#6D36D7): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#480074): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#12001A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, 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
- Byzantium Garden color palette (#EBEDFC, #9C7DE6, #8B2DC3, #4C005E, #1E001C)
- Patina Lapis color palette (#C8E4FC, #4C90F2, #3F47DE, #370090, #190035)
- Gentle Orchard color palette (#E0E1F5, #8B61D4, #7C00B0, #38003C, #080005)
- Grape Terrace color palette (#F9F2FF, #BB8EE1, #882FAF, #350054, #020006)
- Weathered Station color palette (#EAEDFF, #A88BED, #707E00, #5600A7, #070900)
- Worn Lapis color palette (#DBE7FF, #5853F8, #531FBF, #3B006C, #330642)
- Tempered Violet Courtyard color palette (#DBF0FF, #6392FF, #7958FF, #7A2AA7, #40002D)
- Dusty Drift color palette (#EBDCFA, #C570D4, #AD0C98, #5F0040, #1D0009)
Browse the whole catalog at Explore, or see today's palette.