Pale Harbor color palette — #D9E5FF · #ADBAFF · #888ADF · #6E659D · #603D4E
A conversation between Lavender Blue and Lavender, giving this palette its sense of creativity and balance.
The five colors
- Frost (#D9E5FF): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#ADBAFF): A luminous, balanced violet — the color of wild irises.
- Lavender Blue (#888ADF): A luminous, balanced violet — the color of wild irises.
- Slate (#6E659D): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#603D4E): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Pale 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
- Patina Violet Villa color palette (#D2E5FF, #AFC6FF, #959BF3, #8B6FCB, #563F67)
- Mallow Courtyard color palette (#E7DCFF, #CDA0FF, #A872C5, #875C91, #5C383E)
- Sky Harbor color palette (#C8EBFF, #65BFFF, #5099DA, #45699A, #5D3F5A)
- Weathered Powder Summit color palette (#FFF0F8, #B6AAFF, #DE8B80, #7F74BD, #48403D)
- Muted Lilac Study color palette (#F8F2FF, #D8C2FF, #A07CC9, #634E81, #332345)
- Shell Dune color palette (#FFF1F6, #EBD8DF, #F1B7C1, #B3899E, #5B454B)
- Byzantium Boulevard color palette (#E7E4FF, #AB7EFF, #A631FE, #7A26A1, #4D1B5D)
- Gentle Archive color palette (#F4E1F7, #FE61F3, #D03DB3, #9B3B7D, #632345)
Browse the whole catalog at Explore, or see today's palette.