Pale Harbor color palette — #ECF2FF · #9EAAFF · #DA6988 · #886C00 · #00342B
A conversation between Rose and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Lavender (#9EAAFF): A luminous, balanced violet — the color of twilight just after sunset.
- Rose (#DA6988): A luminous, balanced red — the color of a theater curtain.
- Ochre (#886C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#00342B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
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
- Muted Wisteria color palette (#F0F0FF, #CD95F9, #DE6D57, #6D7802, #003335)
- Airy Peony color palette (#E8F3FE, #63B9FF, #C56EBB, #A65900, #06360B)
- Tempered Taupe color palette (#DEE7FF, #CBB8E3, #CE95B4, #8F895C, #1E4B42)
- Ancient Periwinkle color palette (#FFEFFF, #65A8FF, #A26805, #435100, #181F00)
- Feathered Archive color palette (#EBDBF0, #F27294, #9A8300, #00716A, #18154B)
- Misty Scarlet color palette (#EBF0FF, #8D76FB, #D2182B, #495900, #00151B)
- Blush Workshop color palette (#FAF2FF, #FF8CBD, #CA8A00, #008C57, #003451)
- Hushed Apricot Veranda color palette (#F6F3FE, #E9B3E0, #D69C5D, #509777, #32445A)
Browse the whole catalog at Explore, or see today's palette.