Quiet Harbor color palette — #EAF8FF · #00A4C5 · #C9581C · #00677D · #642400
A conversation between Terracotta and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF8FF): a clean, paper-quiet neutral.
- Cyan (#00A4C5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Terracotta (#C9581C): A full-bodied, balanced orange — the color of sun-warmed clay.
- Peacock (#00677D): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#642400): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Trust, Stability, Optimism, 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
- Patina Ember color palette (#E2F6FF, #00ABC4, #D25800, #006776, #3A1300)
- Weathered Periwinkle Bloom color palette (#EEF6FF, #4FA7FF, #B26C00, #004F8F, #553100)
- Pale Ember color palette (#E1FEEA, #33D5F2, #DF5D00, #00869B, #632500)
- Dusty Bronze color palette (#CBE2F1, #008AB7, #A74C00, #00506C, #451B00)
- Raspberry Coast color palette (#E3FAFF, #00AA9F, #CA4A76, #006B64, #6B0F35)
- Sunlit Apricot color palette (#E5FCEE, #48D8FE, #FF976B, #00A8CA, #642300)
- Antique Plum color palette (#D7EFFF, #008DB3, #BA3489, #686300, #003647)
- Timeworn Cobalt color palette (#E3F0FF, #006EC6, #765100, #00396D, #261800)
Browse the whole catalog at Explore, or see today's palette.