Quiet Harbor color palette — #F8E5D8 · #83B9D0 · #3C84D9 · #006E5F · #120340
A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F8E5D8): A whisper-light, dusty gold — the color of honey in a jar.
- Ash (#83B9D0): A luminous, dusty blue — the color of deep harbor water.
- Azure (#3C84D9): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006E5F): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#120340): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Sunlit Terrace color palette (#F3E6DA, #8EC7F1, #6E8BEB, #007D7C, #270C49)
- Forest Bloom color palette (#F3E5E1, #68C1C3, #0090B9, #007234, #00132F)
- Softworn Petrol Boulevard color palette (#E8F3EA, #5CAECE, #006DA3, #00494D, #001330)
- Aged Lagoon color palette (#FAEBE3, #A1DEF2, #6CA9E6, #009478, #262950)
- Quiet Onyx Orchard color palette (#D0F0E3, #009A99, #007797, #004F86, #11004E)
- Linen Fuchsia color palette (#C5EBFC, #A3B9FF, #DF81D1, #008F73, #001530)
- Softworn Navy Delta color palette (#E8DCE2, #5594AA, #004A87, #002D24, #03001B)
- Aged Balcony color palette (#E4F0FD, #0DA7FA, #0078BC, #004776, #000307)
Browse the whole catalog at Explore, or see today's palette.