Gaming Vibrant
A vibrant gaming palette with electric purples and neon green accents. Built for immersive gaming platforms and esports content.
Color Breakdown
Role
background
Name
Slate 950
Hex
#020617
Tailwind
bg-slate-950
Role
surface
Name
Slate 900
Hex
#0f172a
Tailwind
bg-slate-900
Role
primary
Name
Violet 500
Hex
#8b5cf6
Tailwind
text-violet-500
Role
secondary
Name
Slate 400
Hex
#94a3b8
Tailwind
text-slate-400
Role
accent
Name
Green 500
Hex
#22c55e
Tailwind
bg-green-500
Live Preview
Welcome Back
This is a live preview of the Gaming Vibrant color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Deep dark backgrounds with violet create an immersive digital atmosphere. Green accents signal active status, online players, and achievements.
Use Cases
CSS Variables
:root {
--background: #020617;
--surface: #0f172a;
--primary: #8b5cf6;
--secondary: #94a3b8;
--accent: #22c55e;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'gaming-vibrant': {
'background': '#020617', // bg-slate-950
'surface': '#0f172a', // bg-slate-900
'primary': '#8b5cf6', // text-violet-500
'secondary': '#94a3b8', // text-slate-400
'accent': '#22c55e', // bg-green-500
},
},
},
},
};Related Color Schemes
Healthcare Clean
A clean and trustworthy palette designed for healthcare applications. Light backgrounds with calming blues inspire confidence and clarity.
Healthcare Modern
A modern healthcare palette blending deep indigo with fresh teal accents. Ideal for innovative health-tech platforms seeking a contemporary feel.
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.
Build with This Scheme
Use our palette generator to customize and extend this color scheme for your project.
Open Palette Generator