Lagoon Teal Color Palette
Deep teal brightening into a tropical lagoon glow.
Use as a gradient →
Colors
#013A40
#01585E
#04888A
#2FBFBF
#7FE8E0
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #013A40 | T - | T - | |
| #01585E | T - | T - | |
| #04888A | T - | T - | |
| #2FBFBF | T - | T - | |
| #7FE8E0 | 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.
Lagoon Teal CSS Code
HEX Copy
#013A40 #01585E #04888A #2FBFBF #7FE8E0
RGBA Copy
rgba(1, 58, 64, 1.0) rgba(1, 88, 94, 1.0) rgba(4, 136, 138, 1.0) rgba(47, 191, 191, 1.0) rgba(127, 232, 224, 1.0)
HSLA Copy
hsla(186, 97%, 13%, 1.0) hsla(184, 98%, 19%, 1.0) hsla(181, 94%, 28%, 1.0) hsla(180, 61%, 47%, 1.0) hsla(175, 70%, 70%, 1.0)
More Color Palettes
FAQ
What colors are in the Lagoon Teal palette?Deep teal brightening into a tropical lagoon glow.
How do I turn the Lagoon Teal palette into a CSS gradient?
Use
background: linear-gradient(to right, #013A40, #01585E, #04888A, #2FBFBF, #7FE8E0);, or click "Use as a gradient" above to open it in the live generator.