Quiet Harbor color palette — #E6EFFF · #A3BCFF · #E9B03D · #587CF3 · #473100
A conversation between Periwinkle and Saffron, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
- Sky (#A3BCFF): A luminous, balanced violet — the color of a velvet chair.
- Saffron (#E9B03D): A luminous, balanced gold — the color of old brass.
- Periwinkle (#587CF3): A luminous, vivid violet — the color of a velvet chair.
- Espresso (#473100): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Creativity, Balance. Tagged cool.
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
- Soft Lilac Grove color palette (#F2F5FF, #CCC2FF, #CDBF71, #A18BF4, #4D4300)
- Ancient Bloom color palette (#DEF2FF, #79CBEE, #E5A04C, #009FCD, #4D2D00)
- Marigold Field color palette (#D7E6FC, #8AAEF2, #D99600, #939F1A, #192C46)
- Chalky Magenta Courtyard color palette (#EEECFE, #D6ACE8, #95C068, #C25CE8, #253E01)
- Patina Blush Thicket color palette (#DEF2FF, #76CBEF, #FF878D, #009FCD, #5F1821)
- Blush Chapel color palette (#F0F5FF, #ABBBFF, #FF6F8D, #5A69D6, #441620)
- Pale Ultramarine color palette (#DEEAFF, #91ABFF, #929703, #323BE8, #1B1D00)
- Azure Delta color palette (#F0F5FF, #EAD4E8, #FFB5B1, #3DAEE1, #333C5B)
Browse the whole catalog at Explore, or see today's palette.