Tempered Seafoam color palette — #FEF2EE · #FFC4BD · #58DEDC · #E78B83 · #3E543E
A conversation between Lagoon and Salmon, giving this palette its sense of softness and clarity.
The five colors
- Ivory (#FEF2EE): bright and airy, almost weightless.
- Shell Pink (#FFC4BD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Lagoon (#58DEDC): A whisper-light, balanced teal — the color of sea glass.
- Salmon (#E78B83): A luminous, balanced orange — the color of autumn markets.
- Charcoal Brown (#3E543E): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: 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
- Weathered Aqua Corridor color palette (#FFF2ED, #FFAEAE, #4DD5D2, #6EB9DD, #513D37)
- Oat Corridor color palette (#FFF2ED, #F1D5C3, #C2D594, #C88580, #47463F)
- Weathered Pier color palette (#FDF3E9, #F9CB9A, #9ECBFF, #D39C5E, #58465A)
- Gentle Atelier color palette (#FFF2EB, #FFAE90, #64D0FF, #E95600, #004157)
- Weathered Coral Balcony color palette (#FDF0FC, #F9ADA9, #A6BC6F, #C5706D, #32554B)
- Tempered Summit color palette (#FFF2EB, #F0D7BB, #FAA286, #B2715C, #403935)
- Tempered Corridor color palette (#FFF2EE, #DCF7BF, #E0DCCE, #DAAAA9, #7E431F)
- Muted Seafoam color palette (#DEE3FF, #21FCF3, #FFC4B2, #975A35, #3B332F)
Browse the whole catalog at Explore, or see today's palette.