industryColor Scheme

Crypto Futuristic

A futuristic crypto palette with electric blues and neon accents on dark backgrounds. Built for blockchain platforms and DeFi interfaces.

#020617
#0f172a
#0ea5e9
#94a3b8
#a855f7

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

Purple 500

Hex

#a855f7

Tailwind

bg-purple-500

Live Preview

Welcome Back

This is a live preview of the Crypto 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 deep dark backgrounds creates a futuristic digital feel. Purple accents add a layer of innovation and technological sophistication.

Use Cases

Crypto exchangesDeFi dashboardsNFT marketplaces

CSS Variables

CSS
:root {
  --background: #020617;
  --surface: #0f172a;
  --primary: #0ea5e9;
  --secondary: #94a3b8;
  --accent: #a855f7;
}

Tailwind Config

JavaScript
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'crypto-futuristic': {
  'background': '#020617',  // bg-slate-950
  'surface': '#0f172a',  // bg-slate-900
  'primary': '#0ea5e9',  // text-sky-500
  'secondary': '#94a3b8',  // text-slate-400
  'accent': '#a855f7',  // bg-purple-500
        },
      },
    },
  },
};

Related Color Schemes

Build with This Scheme

Use our palette generator to customize and extend this color scheme for your project.

Open Palette Generator

Frequently Asked Questions

Why do crypto platforms favor dark themes?
Dark themes convey technological sophistication and reduce eye strain for users monitoring markets around the clock.