Techy Futuristic
A futuristic tech palette with electric accents on dark interfaces. Designed for cutting-edge technology and innovation-focused brands.
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
Sky 500
Hex
#0ea5e9
Tailwind
text-sky-500
Role
secondary
Name
Slate 400
Hex
#94a3b8
Tailwind
text-slate-400
Role
accent
Name
Violet 500
Hex
#8b5cf6
Tailwind
bg-violet-500
Live Preview
Welcome Back
This is a live preview of the Techy Futuristic color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Electric sky blue on dark backgrounds evokes holographic displays and digital interfaces. Violet accents add the creative spark of breakthrough innovation.
Use Cases
CSS Variables
:root {
--background: #020617;
--surface: #0f172a;
--primary: #0ea5e9;
--secondary: #94a3b8;
--accent: #8b5cf6;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'techy-futuristic': {
'background': '#020617', // bg-slate-950
'surface': '#0f172a', // bg-slate-900
'primary': '#0ea5e9', // text-sky-500
'secondary': '#94a3b8', // text-slate-400
'accent': '#8b5cf6', // bg-violet-500
},
},
},
},
};Related Color Schemes
Tech Startup
A vibrant tech startup palette radiating innovation and energy. Purple primary with cyan accents signals forward-thinking disruption.
Crypto Futuristic
A futuristic crypto palette with electric blues and neon accents on dark backgrounds. Built for blockchain platforms and DeFi interfaces.
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