Skip to content

Generate a color theme and see how it looks on a website in real-time.

Notifications You must be signed in to change notification settings

gabe-serna/palette-lab

Repository files navigation

🎨 Palette Lab

Palette Lab is your personal color laboratory, where generating beautiful, customizable color themes is as easy as pressing the space bar. Whether you're a designer, developer, or just someone in need of color inspiration, Palette Lab helps you create visually stunning themes in seconds.

🚀 Features

  • Instant Color Generation: Press the space bar and generate random, harmonious color themes effortlessly.
  • Customizable Palettes: Lock the colors you love and tweak the rest to create the perfect palette.
  • Gallery View: Preview your selected palette in action on various artwork and designs.
  • Effortless Creativity: No color expertise required—Palette Lab uses intelligent color theory to give you beautiful results every time.

🧪 How It Works

  1. Press the Space Bar: Generate a new, random color theme.
  2. Lock Your Favorite Colors: Click any color to lock it in place and keep it from randomizing.
  3. Explore the Gallery: See how your palette looks on different designs and artwork in real-time.
  4. Customize: Fine-tune your palette to perfection by adjusting the unlocked colors.

✨ Why Palette Lab?

Palette Lab makes color creation feel like alchemy—effortless and magical. We blend the science of color theory with the art of design, so you can focus on what matters most: your creativity.

📦 Installation

To run Palette Lab locally:

  1. Clone this repository:
    git clone https://github.com/gabe-serna/palette-lab.git
  2. Navigate to the project directory:
    cd palette-lab
  3. Install Dependencies:
    npm install
  4. Start the development server:
    npm run dev