Tempered Seafoam color palette — #FFDAD9 · #E5D3FF · #56F3BD · #5A7334 · #2E322A

Lagoon takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDAD9): A whisper-light, dusty red — the color of embers at dusk.
• Thistle (#E5D3FF): A whisper-light, dusty violet — the color of wild irises.
• Lagoon (#56F3BD): A whisper-light, balanced teal — the color of glacier melt.
• Olive (#5A7334): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#2E322A): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant, 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

• Hushed Chartreuse Study color palette (#FFE5DE, #FFC7F9, #88EF9A, #6F7069, #31322B)
• Tempered Glacier Market color palette (#FFDEBE, #FFCCE0, #7CE5FF, #567361, #2D3831)
• Weathered Bloom color palette (#FFD8EA, #C3E0FF, #D9DD51, #7C691D, #36342D)
• Antique Lichen color palette (#FFF9AF, #EAF0FB, #B7FFF1, #43513D, #272B25)
• Hushed Seafoam Grove color palette (#ECEA98, #B9DCFF, #00E9DB, #2E5158, #2F383A)
• Linen Balcony color palette (#FFD5B1, #FFACAB, #00D8D6, #006766, #1A2419)
• Timeworn Loft color palette (#F1F7F0, #FAD6BC, #8AA889, #587657, #252E24)
• Hushed Aqua Harbor color palette (#F1F7F3, #D3DCDD, #79C2D4, #B6B4A9, #4C554F)

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