Hushed Lagoon Harbor color palette — #F8F5EF · #C1DFE7 · #71C8E7 · #009688 · #18445D

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C1DFE7): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#71C8E7): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009688): A luminous, balanced teal — the color of glacier melt.
• Navy (#18445D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Lagoon 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

• Cerulean Meadow color palette (#FAF4EC, #C2E3F5, #8EBFF5, #1C91A3, #51334D)
• Dusty Sky Summit color palette (#FAF4EC, #C1E1EF, #5BAFE7, #007E83, #0F2E54)
• Weathered Cerulean color palette (#EEF8F0, #ACE8F2, #4596B1, #237066, #2F4B61)
• Frosted Cobalt color palette (#FCF4E7, #A2D3F2, #0F7CD6, #00505B, #010334)
• Petrol Veranda color palette (#F7EDDD, #97C2AA, #00709B, #003E3D, #000308)
• Powdered Market color palette (#FFF0FA, #ADB4F9, #E39378, #42A876, #3C2033)
• Weathered Indigo color palette (#D9FFF2, #B8D9FF, #79A2F7, #5E6AC0, #453C65)
• Hushed Periwinkle color palette (#FFF0FA, #E6D7D6, #C2AFAA, #83ACE6, #5A414D)

Browse the whole catalog at Explore, or see today's palette.