Tempered Seafoam color palette — #F1F3EB · #93D5A6 · #777EB4 · #478059 · #1D1219

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Mint Leaf (#93D5A6): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#777EB4): A luminous, balanced violet — the color of a velvet chair.
• Fern (#478059): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#1D1219): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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 Aqua color palette (#ECF4ED, #64D7E1, #9773A1, #367E84, #1D1215)
• Tempered Mustard color palette (#F5F1EA, #D3C576, #4E88BB, #7E722D, #081A15)
• Lagoon Harbor color palette (#EDF7F7, #A5DDDD, #9395D0, #4F9F76, #292E39)
• Antique Seafoam color palette (#D3FFDB, #71D5CF, #488FA7, #3B5885, #352453)
• Softworn Teal Loft color palette (#FFEEE4, #5BBFB2, #5A79AB, #58504C, #1F3126)
• Patina Driftwood color palette (#EEF4ED, #CDDBDA, #B6ADA6, #768971, #333732)
• Amethyst Courtyard color palette (#EDF5E8, #00C39E, #7C3DD8, #006B55, #17010C)
• Worn Garnet Pier color palette (#D1EBDF, #00719A, #61004E, #002E41, #040002)

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