Tempered Seafoam color palette — #E6F9FE · #49E0DD · #A8A1D8 · #AE7670 · #244B41
Built around Lagoon, softened by Mauve — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#E6F9FE): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#49E0DD): A whisper-light, balanced teal — the color of sea glass.
- Mauve (#A8A1D8): A luminous, dusty violet — the color of wild irises.
- Mocha (#AE7670): A luminous, dusty orange — the color of sun-warmed clay.
- Forest (#244B41): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Creativity, Sophistication. Tagged 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
- Powder Corridor color palette (#EDF7FF, #8ECFFF, #C499BF, #A77D5B, #204B48)
- Worn Seafoam Station color palette (#E9F9F9, #73E1AC, #8BACD7, #927DA2, #2D4A35)
- Wandering Seafoam Coast color palette (#F2F8EB, #99DDBD, #9495C2, #905C46, #3C3832)
- Hushed Lilac color palette (#E9F8FF, #00CCED, #AE7CE9, #B9503D, #2C3500)
- Timeworn Powder Grove color palette (#E4FAFF, #CEDAF3, #ADC0DB, #A293A3, #594851)
- Tempered Stone Atelier color palette (#EDF8F0, #BCEAD6, #AABD95, #84A1A1, #40524A)
- Aqua Delta color palette (#E2F6FE, #2DCDDF, #6B7E8C, #49575D, #1D2324)
- Gentle Rose color palette (#DEE8FF, #999CFF, #F81B69, #786700, #002B28)
Browse the whole catalog at Explore, or see today's palette.