Tempered Seafoam color palette — #FFF1F0 · #FFC0D9 · #88DAC2 · #D094AC · #435336

Lagoon and Carnation set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Carnation (#FFC0D9): A whisper-light, dusty rose — the color of strawberry cream.
• Lagoon (#88DAC2): A whisper-light, balanced teal — the color of sea glass.
• Mauve (#D094AC): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#435336): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Taupe Lagoon color palette (#FFF2EB, #FFC6B1, #8BD4E6, #D69780, #375543)
• Patina Oat color palette (#FFF1F6, #E1C8FF, #B6D291, #B39DCF, #554F00)
• Washed Grove color palette (#FFF1F1, #FBA5D0, #79C2B1, #B57695, #43523B)
• Misty Rose color palette (#FFF2EE, #FFAAB0, #28DBDD, #E65168, #004444)
• Shell Balcony color palette (#FFF2F0, #FFABC4, #B5C77E, #85B5D8, #523C39)
• Cocoa Harbor color palette (#FFF3E8, #F0D5B2, #CDB094, #A68C7C, #5D4300)
• Washed Stone color palette (#FFF2EF, #FFD3DB, #E6A0A9, #AA7581, #4D2922)
• Washed Celadon color palette (#D8E5FF, #8CFA98, #FFC3BA, #9B5B3D, #382F2B)

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