Tempered Seafoam color palette — #97F7FF · #60EBD7 · #FF9FA5 · #504A45 · #3C3432

Built around Lagoon, softened by Ballet Pink — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#97F7FF): A whisper-light, balanced blue — the color of deep harbor water.
• Lagoon (#60EBD7): A whisper-light, balanced teal — the color of sea glass.
• Ballet Pink (#FF9FA5): A luminous, balanced red — the color of a theater curtain.
• Charcoal Brown (#504A45): quiet, heavy and certain.
• Espresso (#3C3432): a grounded near-black with real depth.

Feels like: Trust, Stability, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered 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

• Muted Pier color palette (#DFE2FF, #7CEDA2, #FF9DB0, #49433E, #382B29)
• Soft Fuchsia Parlor color palette (#9AF7FF, #BDF79A, #DD8AD8, #4C4441, #392D2F)
• Washed Archive color palette (#CDE9FF, #8FF8A3, #FFBFD3, #73667A, #343036)
• Worn Blush color palette (#E7DEEB, #F8C072, #FF9B97, #402F3F, #191419)
• Weathered Marigold Alley color palette (#D9DCF8, #51D6FF, #EAA100, #3B3B34, #2E2418)
• Hazy Peony color palette (#EBE8F5, #36EEAB, #EB5E8C, #4E241A, #311814)
• Tangerine Villa color palette (#E4E3F4, #00D0B6, #FF7033, #3A2B0A, #251911)
• Softworn Chestnut color palette (#FFF2EE, #CEBF96, #804E4F, #4C3128, #2B2319)

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