Hushed Seafoam color palette — #EFFADC · #97E2BA · #509371 · #325D44 · #373933

Lagoon and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EFFADC): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#97E2BA): A whisper-light, balanced teal — the color of sea glass.
• Fern (#509371): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#325D44): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#373933): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged monochrome, muted.

Use it as a design system

One click turns Hushed Seafoam 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 Field color palette (#DFFFE5, #7CE1F0, #328A95, #165A61, #1E3C27)
• Driftwood Station color palette (#FFF5D6, #CDCD8B, #898949, #514F1E, #3A3831)
• Teal Coast color palette (#D8FEFE, #B2E4CA, #6BAC8C, #3B7258, #0B4342)
• Teal Courtyard color palette (#A3FCF5, #00AAA3, #005F5C, #00302E, #001C1B)
• Tempered Lagoon color palette (#ECFAEC, #00A5A5, #767AAC, #616334, #344134)
• Cerulean Villa color palette (#D0F4FE, #008AA3, #004A59, #00242C, #000F13)
• Sky Boulevard color palette (#E8F8FF, #48C2E9, #007C9F, #004F64, #003343)
• Aqua Grove color palette (#FFD8EB, #D8C6FF, #5FCCFF, #344A4B, #29322E)

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