Hushed Lagoon color palette — #F4F7EA · #589A6A · #007178 · #1D497B · #3D3A00

A conversation between Fern and Navy, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Fern (#589A6A): A luminous, balanced teal — the color of sea glass.
• Teal (#007178): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1D497B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#3D3A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Basalt Delta color palette (#F1F7EF, #55A99E, #417797, #524D78, #424700)
• Hushed Quarry color palette (#FCF5E2, #958B37, #287448, #00525A, #522E08)
• Linen Atelier color palette (#DEEFCB, #008260, #005566, #16009B, #1F2800)
• Feathered Boulevard color palette (#E2FEE7, #008E9A, #0059A9, #512080, #003B1D)
• Airy Celadon Chapel color palette (#F3F8E1, #BAE48F, #77C88B, #329779, #40423B)
• Dusty Chapel color palette (#B2EED9, #58C2AC, #00897E, #006A67, #114C62)
• Aubergine Summit color palette (#F6F1E6, #9C8E4C, #007378, #62196F, #2A1B00)
• Antique Field color palette (#D2E7DA, #00758B, #253E8F, #470958, #00261B)

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