Seafoam Mist Color Palette
Soft seafoam green fading into misty blue-green.
Use as a gradient →
Colors
#EAFBF7
#C6F1E7
#9BE3D3
#6FCFBB
#45B39D
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #EAFBF7 | T - | T - | |
| #C6F1E7 | T - | T - | |
| #9BE3D3 | T - | T - | |
| #6FCFBB | T - | T - | |
| #45B39D | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Seafoam Mist CSS Code
HEX Copy
#EAFBF7 #C6F1E7 #9BE3D3 #6FCFBB #45B39D
RGBA Copy
rgba(234, 251, 247, 1.0) rgba(198, 241, 231, 1.0) rgba(155, 227, 211, 1.0) rgba(111, 207, 187, 1.0) rgba(69, 179, 157, 1.0)
HSLA Copy
hsla(166, 68%, 95%, 1.0) hsla(166, 61%, 86%, 1.0) hsla(167, 56%, 75%, 1.0) hsla(167, 50%, 62%, 1.0) hsla(168, 44%, 49%, 1.0)
More Color Palettes
FAQ
What colors are in the Seafoam Mist palette?Soft seafoam green fading into misty blue-green.
How do I turn the Seafoam Mist palette into a CSS gradient?
Use
background: linear-gradient(to right, #EAFBF7, #C6F1E7, #9BE3D3, #6FCFBB, #45B39D);, or click "Use as a gradient" above to open it in the live generator.