Tempered Seafoam color palette — #F5F7E8 · #D5EFBD · #AFE09C · #4DA78F · #484942

Built around Pistachio, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Celadon Mist (#D5EFBD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#AFE09C): A whisper-light, balanced green — the color of new leaves after rain.
• Turquoise (#4DA78F): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#484942): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Seafoam Pier color palette (#F2F7EB, #AEE9EC, #88E2C0, #4FA6B9, #3C4D33)
• Timeworn Boulevard color palette (#FEF4E5, #E5D9C5, #D9C487, #87A263, #45433C)
• Lagoon Delta color palette (#F4F9D6, #89BE9C, #459379, #29776B, #3D533D)
• Washed Turquoise color palette (#F3F3E3, #E2DCBA, #C4D982, #00B6CF, #29311A)
• Muted Mint Alley color palette (#EAFCE1, #84D784, #00B9A3, #00839F, #003434)
• Ancient Cocoa color palette (#F9F7DB, #C8CFBD, #839483, #886872, #7B401D)
• Soft Seafoam color palette (#EBFAEE, #85EEC1, #52CCDC, #4A91C7, #094954)
• Weathered Ash color palette (#F9F4ED, #CBE5E6, #799DC1, #54795F, #5F4B5C)

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