Luxurious Premium
A luxurious palette with rich dark backgrounds and gold accents. Every color choice reinforces exclusivity and premium positioning.
Color Breakdown
Role
background
Name
Zinc 900
Hex
#18181b
Tailwind
bg-zinc-900
Role
surface
Name
Slate 900
Hex
#0f172a
Tailwind
bg-slate-900
Role
primary
Name
Amber 300
Hex
#fcd34d
Tailwind
text-amber-300
Role
secondary
Name
Slate 400
Hex
#94a3b8
Tailwind
text-slate-400
Role
accent
Name
Rose 400
Hex
#fb7185
Tailwind
bg-rose-400
Live Preview
Welcome Back
This is a live preview of the Luxurious Premium color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Dark backgrounds with gold text create unmistakable luxury and exclusivity. Rose accents add a jewel-like quality that reinforces the premium positioning.
Use Cases
CSS Variables
:root {
--background: #18181b;
--surface: #0f172a;
--primary: #fcd34d;
--secondary: #94a3b8;
--accent: #fb7185;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'luxurious-premium': {
'background': '#18181b', // bg-zinc-900
'surface': '#0f172a', // bg-slate-900
'primary': '#fcd34d', // text-amber-300
'secondary': '#94a3b8', // text-slate-400
'accent': '#fb7185', // bg-rose-400
},
},
},
},
};Related Color Schemes
Ecommerce Luxury
A luxurious ecommerce palette featuring deep backgrounds and gold accents. Designed for premium brands and high-end product showcases.
Real Estate Premium
A premium real estate palette with elegant dark tones and gold highlights. Designed for luxury property listings and broker websites.
Calm Serene
A serene and calming palette with soft blues and muted backgrounds. Designed to reduce visual stress and promote tranquility.
Energetic Bold
A bold and energetic palette with vivid reds and bright accents. Designed to excite, motivate, and drive immediate action.
Professional Corporate
A polished corporate palette with conservative blues and structured grays. Conveys reliability, competence, and business credibility.
Playful Fun
A fun and playful palette bursting with cheerful colors. Designed to make users smile and create a lighthearted experience.
Build with This Scheme
Use our palette generator to customize and extend this color scheme for your project.
Open Palette Generator