Seafoam Studio color palette — #E9F9F8 · #98D4A3 · #D29DAC · #A47180 · #1D3735

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

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Pistachio (#98D4A3): A luminous, balanced green — the color of fresh herbs.
• Rosewood Mist (#D29DAC): A luminous, dusty red — the color of late-summer berries.
• Mocha (#A47180): A luminous, dusty red — the color of late-summer berries.
• Deep Forest (#1D3735): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

One click turns Seafoam Studio 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

• Timeworn Harbor color palette (#EDF9F0, #DDC077, #C89EC7, #9A729A, #28362B)
• Washed Field color palette (#F1F8E9, #8FD4B4, #C5ABD5, #C7848C, #3B3E38)
• Patina Seafoam color palette (#E8F9F9, #94DFB8, #AF8BB8, #81653D, #254026)
• Sky Field color palette (#EDF6FF, #6BBBF6, #CB8C7B, #A35C49, #122638)
• Ancient Villa color palette (#EEF8F6, #B3E3EC, #B4A4D7, #6AAC76, #1C1D2A)
• Dusty Ash Pier color palette (#EEF7F9, #D7DAE1, #BDB1B1, #80BBB4, #445052)
• Hushed Archive color palette (#E6F5F6, #5AA785, #9573A7, #854A50, #152627)
• Weathered Pier color palette (#FBF4E8, #A48E47, #AE6773, #7A5735, #403D36)

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