Teal Color Palette
Rich teal sits between blue and green, offering a balanced and sophisticated anchor for this deep yet vibrant palette. Pairs naturally with coral and cream for healthcare, wellness, and modern SaaS brands.
#004D4D
Dark Cyan
RGB(0, 77, 77)
HSL(180, 100%, 15%)
#008080
Deep Cyan
RGB(0, 128, 128)
HSL(180, 100%, 25%)
#20A8A8
Cyan
RGB(32, 168, 168)
HSL(180, 68%, 39%)
#5BC4C4
Cyan
RGB(91, 196, 196)
HSL(180, 47%, 56%)
#A0DEDE
Pale Cyan
RGB(160, 222, 222)
HSL(180, 48%, 75%)
#E0F5F5
Light Cyan
RGB(224, 245, 245)
HSL(180, 51%, 92%)
lightbulbBest Use Cases
- checkSaaS products
- checkHealthcare branding
- checkWellness apps
businessIndustries
- checkTechnology
- checkHealthcare
Mood:balanced
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #004D4D;
--color-2: #008080;
--color-3: #20A8A8;
--color-4: #5BC4C4;
--color-5: #A0DEDE;
--color-6: #E0F5F5;
}Tailwind CSS Config
colors: {
'teal-1': '#004D4D',
'teal-2': '#008080',
'teal-3': '#20A8A8',
'teal-4': '#5BC4C4',
'teal-5': '#A0DEDE',
'teal-6': '#E0F5F5',
}tealblue-greensophisticatedbalanced
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free