Hushed Harbor color palette — #FCF3EE · #A8F6F2 · #00A3BC · #006E3E · #002133
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Sea Foam (#A8F6F2): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A3BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Patina Alley color palette (#FFF2EA, #C2EDFF, #3B98E2, #006A65, #0F1A44)
- Timeworn Basin color palette (#FCF3EF, #D0DBF1, #24B6E4, #008261, #0D304E)
- Worn Orchard color palette (#FFF2EC, #97D8E8, #0083BB, #005347, #000B26)
- Muted Petrol color palette (#E7F2E9, #78C0BE, #007683, #00523C, #003442)
- Denim Harbor color palette (#F3E5DF, #65AFBC, #005D7D, #002C22, #000104)
- Gentle Dune color palette (#EAFBEA, #00C2C3, #F34F5C, #007273, #360007)
- Worn Teal Study color palette (#BCF9C8, #00C3A2, #00918A, #004C58, #00222D)
- Worn Orchard color palette (#FCF3EE, #C0E6F6, #8AC0F3, #3E918C, #4D3749)
Browse the whole catalog at Explore, or see today's palette.