Lagoon Teal Color Palette
Deep teal brightening into a tropical lagoon glow.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
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. Click a check to verify it on colorcontrastcheck.com.
Lagoon Teal CSS Code
oklch(31.85% 0.054 206.28) oklch(41.95% 0.0711 202.88) oklch(56.85% 0.0961 196.63) oklch(73.32% 0.1155 194.93) oklch(86.56% 0.0988 189.08)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
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 "Make it a gradient" above to open it in the live generator.