Bright Teal Color Palette
A vivid teal palette combining blue and green energy. Great for health tech, fintech, and modern SaaS brands.
Dark Teal
HEX: #042f2e
RGB: rgb(4, 47, 46)
HSL: hsl(179, 84%, 10%)
Deep Teal
HEX: #0f766e
RGB: rgb(15, 118, 110)
HSL: hsl(175, 77%, 26%)
Bright Teal
HEX: #14b8a6
RGB: rgb(20, 184, 166)
HSL: hsl(173, 80%, 40%)
Aqua
HEX: #5eead4
RGB: rgb(94, 234, 212)
HSL: hsl(171, 77%, 64%)
Teal Wash
HEX: #ccfbf1
RGB: rgb(204, 251, 241)
HSL: hsl(167, 85%, 89%)
CSS Variables
:root {
--bright-teal-1: #042f2e;
--bright-teal-2: #0f766e;
--bright-teal-3: #14b8a6;
--bright-teal-4: #5eead4;
--bright-teal-5: #ccfbf1;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'bright-teal': {
'100': '#042f2e',
'200': '#0f766e',
'300': '#14b8a6',
'400': '#5eead4',
'500': '#ccfbf1',
},
},
},
},
}Use Cases
Health tech
Fintech apps
SaaS platforms
Productivity tools
Related Palettes
Frequently Asked Questions
What is the difference between teal and cyan?▾
Teal is a blue-green with more green influence and a slightly muted quality. Cyan is a pure, bright blue-green. Teal feels more sophisticated while cyan feels more digital.
Is teal good for dark mode?▾
Yes. Teal accents look excellent against dark backgrounds, providing vibrant interactive cues while maintaining readability and eye comfort.