Hushed Harbor color palette — #F8F5EF · #C9E7E3 · #5EA3C3 · #3D7B77 · #315249
A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#C9E7E3): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#5EA3C3): A luminous, balanced blue — the color of open sky before noon.
- Teal (#3D7B77): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#315249): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Hushed 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
- Softworn Ash Studio color palette (#F8F0EB, #C2ECE7, #75A2C6, #437763, #422F3E)
- Timeworn Powder Harbor color palette (#EEF8F6, #D4DDEC, #99D0E5, #72AEB2, #405665)
- Weathered Denim Lantern color palette (#E6E0D8, #62ACB8, #00617B, #003E39, #002236)
- Timeworn Cerulean Orchard color palette (#FBF4EA, #ACD0AF, #00879C, #00624F, #084055)
- Cerulean Loft color palette (#F7EFE2, #308CAD, #004063, #002224, #00081C)
- Tempered Boulevard color palette (#FFF1F1, #C081A3, #918D40, #437F97, #533B3B)
- Cornflower Orchard color palette (#FCF4E8, #A4D5F6, #0080E5, #006473, #2B3D6E)
- Plum Basin color palette (#FEF2F2, #D39CC1, #5AAC81, #9B5787, #4C4E47)
Browse the whole catalog at Explore, or see today's palette.