Tempered Seafoam color palette — #E2FBF8 · #C1E6F6 · #98F3DB · #A5C089 · #354E4D

Sea Foam takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E2FBF8): A whisper-light, dusty teal — the color of sea glass.
• Powder Blue (#C1E6F6): A whisper-light, dusty blue — the color of open sky before noon.
• Sea Foam (#98F3DB): A whisper-light, balanced teal — the color of glacier melt.
• Sage (#A5C089): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#354E4D): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Mint color palette (#E4FAFF, #CADFEE, #78C6B3, #B9ACC1, #395660)
• Washed Quarry color palette (#E5FBF4, #BADEEF, #AEBAF5, #A89B60, #364F4D)
• Clover Alley color palette (#D7FEFF, #92F7DF, #00E6E9, #31C06B, #004134)
• Softworn Market color palette (#DAFAF0, #C1E3F6, #A3C9E2, #92774E, #173734)
• Teal Terrace color palette (#E9F9F9, #D5DC96, #5BA782, #406E57, #162525)
• Hushed Blush color palette (#EBF9F4, #A3BB53, #E27896, #AD6A51, #1B2E20)
• Weathered Thicket color palette (#EEEAF9, #9DD8FF, #00E5D1, #4A686D, #232D2F)
• Muted Teal Study color palette (#D4F2FF, #B8D8FF, #AABAF5, #00A9B0, #113D50)

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