Question 1

What is getcolors.dev?

Accepted Answer

getcolors.dev is a tool that generates a complete color system from a single hex color. You get a visual preview, dark/light mode, CSS variables and ready-to-use code.

Question 2

How much does getcolors.dev cost?

Accepted Answer

getcolors.dev costs $5 USD (or R$9.90 in Brazil) as a one-time payment. No subscription, no recurring fees.

Question 3

What do I get when I pay?

Accepted Answer

You get a complete color system with all CSS variables, dark/light mode tokens, an example HTML file, and a full visual preview of all component states.

Question 4

Can I use Cores with Tailwind CSS?

Accepted Answer

Yes. Cores generates standard CSS custom properties (variables) that work with any framework including Tailwind CSS, React, Vue, and plain HTML/CSS.

Question 5

Does Cores support dark mode?

Accepted Answer

Yes. Every color system includes both dark and light mode tokens, automatically generated from your chosen base color.

By Color

Blue Color System

Green Color System

Red Color System

Purple Color System

Orange Color System

Pink Color System

Teal Color System

Yellow Color System

Indigo Color System

Cyan Color System

Color Combinations

Color System for Blue & Orange

Color System for Black & Gold

Color System for Purple & Pink

Color System for Green & Blue

Color System for Red & Black

By Use Case

Color System for SaaS Dashboard

Color System for Admin Panel

Color System for E-commerce

Color System for Portfolio

Color System for Startup Landing Page

Color System for Fintech UI

Color System for Healthcare App

Color System for Food & Delivery App

Color System for Education Platform

Color System for Gaming UI

Color System for Blog & Magazine

By Style

Color System for Pastel Color System

Color System for Neon Color System

Color System for Dark Theme Generator

Color System for Minimalist Color Palette

Color System for Warm Color Palette

Color System for Cool Color Palette

For Frameworks

Color System for Tailwind CSS Color Palette

Color System for React Design Tokens

Color System for Next.js Theme Colors

Free Tools

Contrast Checker

Create your own color system