Tempered Seafoam color palette — #DDFDF8 · #9DDA99 · #9DBEFD · #C4A2C1 · #314845

Pistachio and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DDFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#9DDA99): A whisper-light, balanced green — the color of new leaves after rain.
• Sky (#9DBEFD): A luminous, balanced violet — the color of a velvet chair.
• Mauve (#C4A2C1): A luminous, dusty pink — the color of a candy shop window.
• Charcoal (#314845): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Harbor color palette (#F4F8E5, #A7DCA9, #CFABDD, #C28EBA, #383932)
• Washed Honey Coast color palette (#E3FDEC, #E0C663, #6ECDE4, #B4A6CF, #34483C)
• Worn Ridge color palette (#DEFDF7, #89C46C, #C292BC, #AC7C89, #2F4843)
• Softworn Ridge color palette (#C4F9E1, #00D49A, #A29DFF, #DE7F53, #023A28)
• Aqua Workshop color palette (#E8F8FF, #00D5ED, #DC9AD8, #BAA367, #1E3D49)
• Antique Celadon Delta color palette (#D5FFFB, #B8F0C2, #90C59B, #669170, #0E3F3D)
• Seafoam Parlor color palette (#FFDBD2, #CDDCFF, #51F3C7, #4C6668, #2B3738)
• Muted Sand color palette (#EBF8FA, #F8DA9B, #67AE9E, #567377, #232D2F)

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