Healthcare Modern
A modern healthcare palette blending deep indigo with fresh teal accents. Ideal for innovative health-tech platforms seeking a contemporary feel.
Color Breakdown
Role
background
Name
Gray 50
Hex
#f9fafb
Tailwind
bg-gray-50
Role
surface
Name
White
Hex
#ffffff
Tailwind
bg-white
Role
primary
Name
Indigo 600
Hex
#4f46e5
Tailwind
text-indigo-600
Role
secondary
Name
Gray 500
Hex
#6b7280
Tailwind
text-gray-500
Role
accent
Name
Teal 500
Hex
#14b8a6
Tailwind
bg-teal-500
Live Preview
Welcome Back
This is a live preview of the Healthcare Modern color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Indigo brings a modern tech-forward feel while remaining approachable. Teal accents connect back to health and wellness themes.
Use Cases
CSS Variables
:root {
--background: #f9fafb;
--surface: #ffffff;
--primary: #4f46e5;
--secondary: #6b7280;
--accent: #14b8a6;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'healthcare-modern': {
'background': '#f9fafb', // bg-gray-50
'surface': '#ffffff', // bg-white
'primary': '#4f46e5', // text-indigo-600
'secondary': '#6b7280', // text-gray-500
'accent': '#14b8a6', // bg-teal-500
},
},
},
},
};Related Color Schemes
Healthcare Clean
A clean and trustworthy palette designed for healthcare applications. Light backgrounds with calming blues inspire confidence and clarity.
Fintech Trust
A trustworthy fintech palette built on deep navy and professional grays. Designed to communicate security and financial reliability.
Fintech Bold
A bold fintech palette that breaks convention with vibrant violet and sharp contrasts. Perfect for disruptive financial startups.
Ecommerce Warm
A warm and inviting ecommerce palette that encourages browsing and purchasing. Soft backgrounds with orange accents create urgency without pressure.
Ecommerce Luxury
A luxurious ecommerce palette featuring deep backgrounds and gold accents. Designed for premium brands and high-end product showcases.
Education Friendly
A friendly and approachable education palette with bright, engaging colors. Perfect for K-12 platforms and learning management systems.
Build with This Scheme
Use our palette generator to customize and extend this color scheme for your project.
Open Palette Generator