Quiet Harbor color palette — #EED8FA · #F8B0BB · #EA8383 · #C75D40 · #633921
A conversation between Terracotta and Watermelon, giving this palette its sense of optimism and warmth.
The five colors
- Thistle (#EED8FA): A whisper-light, dusty violet — the color of a velvet chair.
- Ballet Pink (#F8B0BB): A whisper-light, balanced red — the color of a theater curtain.
- Watermelon (#EA8383): A luminous, balanced orange — the color of autumn markets.
- Terracotta (#C75D40): A luminous, balanced orange — the color of toasted spice.
- Cocoa (#633921): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.
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
- Hushed Bronze color palette (#FFDFF9, #EAA4BD, #D3717A, #A75010, #613E10)
- Softworn Villa color palette (#FFD6E3, #EE7C8F, #BD5955, #7E3E2F, #42250E)
- Dusty Bronze Ridge color palette (#FFD9F7, #FAB397, #E78F57, #B37100, #5B4416)
- Timeworn Drift color palette (#FDD6D8, #FF8670, #EA6600, #AD5700, #4F2E00)
- Softworn Peony color palette (#DDDEFF, #E3B5EE, #DA8BC8, #C26295, #643848)
- Pale Coral Archive color palette (#FDF1FA, #FFB7AC, #5BD0E8, #EE7565, #004B58)
- Ancient Veranda color palette (#FFE2E6, #E04E56, #C12800, #813200, #1D0A00)
- Blush Bloom color palette (#FFF0FB, #EFDF9E, #E7D5D4, #F09DA3, #5C4450)
Browse the whole catalog at Explore, or see today's palette.