industryColor Scheme

Tech Startup

A vibrant tech startup palette radiating innovation and energy. Purple primary with cyan accents signals forward-thinking disruption.

#ffffff
#f9fafb
#a855f7
#6b7280
#0ea5e9

Color Breakdown

Role

background

Name

White

Hex

#ffffff

Tailwind

bg-white

Role

surface

Name

Gray 50

Hex

#f9fafb

Tailwind

bg-gray-50

Role

primary

Name

Purple 500

Hex

#a855f7

Tailwind

text-purple-500

Role

secondary

Name

Gray 500

Hex

#6b7280

Tailwind

text-gray-500

Role

accent

Name

Sky 500

Hex

#0ea5e9

Tailwind

bg-sky-500

Live Preview

Welcome Back

This is a live preview of the Tech Startup color scheme applied to a sample card component. See how the colors work together in a realistic UI context.

Design Rationale

Purple conveys creativity and innovation, perfect for disruptive tech brands. Sky blue accents ground the palette with reliability and clarity.

Use Cases

Startup landing pagesProduct hunt launchesTech blogs

CSS Variables

CSS
:root {
  --background: #ffffff;
  --surface: #f9fafb;
  --primary: #a855f7;
  --secondary: #6b7280;
  --accent: #0ea5e9;
}

Tailwind Config

JavaScript
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'tech-startup': {
  'background': '#ffffff',  // bg-white
  'surface': '#f9fafb',  // bg-gray-50
  'primary': '#a855f7',  // text-purple-500
  'secondary': '#6b7280',  // text-gray-500
  'accent': '#0ea5e9',  // bg-sky-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 startups choose purple?
Purple blends the stability of blue with the energy of red, symbolizing innovation and creative problem-solving.