Color Systems

Browse ready-to-use color palettes for your next project

By ColorColor CombinationsBy Use CaseBy StyleFor Frameworks

Generate by use case

🌐

Website

Palette optimized for landing pages & sites

Explore →
🎨

Brand

Visual identity and brand guidelines

Explore →
⚡

UI / App

Design tokens for dashboards & components

Explore →

By Color

Blue Color System

#3B82F6

View system →

Green Color System

#22C55E

View system →

Red Color System

#EF4444

View system →

Purple Color System

#8B5CF6

View system →

Orange Color System

#F97316

View system →

Pink Color System

#EC4899

View system →

Teal Color System

#14B8A6

View system →

Yellow Color System

#EAB308

View system →

Indigo Color System

#6366F1

View system →

Cyan Color System

#06B6D4

View system →

Color Combinations

Color System for Blue & Orange

#3B82F6 + #F97316

View system →

Color System for Black & Gold

#1A1A1A + #D4AF37

View system →

Color System for Purple & Pink

#8B5CF6 + #EC4899

View system →

Color System for Green & Blue

#22C55E + #3B82F6

View system →

Color System for Red & Black

#EF4444 + #1A1A1A

View system →

By Use Case

Color System for SaaS Dashboard

#6366F1

View system →

Color System for Admin Panel

#3B82F6

View system →

Color System for E-commerce

#22C55E

View system →

Color System for Portfolio

#8B5CF6

View system →

Color System for Startup Landing Page

#F97316

View system →

Color System for Fintech UI

#10B981

View system →

Color System for Healthcare App

#14B8A6

View system →

Color System for Food & Delivery App

#EF4444

View system →

Color System for Education Platform

#8B5CF6

View system →

Color System for Gaming UI

#00FF88

View system →

Color System for Blog & Magazine

#F59E0B

View system →

Color System for Color Palette for Website

#3B82F6

View system →

Color System for Color Palette for Branding

#8B5CF6

View system →

Color System for Best Colors for Mobile App

#06B6D4

View system →

Color System for Color Palette for Logo Design

#EF4444

View system →

Color System for Best Color System for SaaS Dashboard

#6366F1

View system →

By Style

Color System for Pastel Color System

#A5B4FC

View system →

Color System for Neon Color System

#00FF88

View system →

Color System for Dark Theme Generator

#6366F1

View system →

Color System for Minimalist Color Palette

#64748B

View system →

Color System for Warm Color Palette

#F59E0B

View system →

Color System for Cool Color Palette

#0EA5E9

View system →

Color System for Modern Color Palette 2026

#6366F1

View system →

Color System for Aesthetic Color Palette

#C4B5FD

View system →

Color System for Color Palette Inspiration

#F472B6

View system →

Color System for Hex to Color System

#3B82F6

View system →

Color System for How to Build Dark Mode with CSS Variables

#8B5CF6

View system →

Color System for Semantic Color Tokens Example

#3B82F6

View system →

Color System for Accessible Color System Generator

#14B8A6

View system →

Color System for Color Palette Generator for Developers

#6366F1

View system →

Color System for CSS Custom Properties Color System

#3B82F6

View system →

Color System for UI Color System — No Design Skills Needed

#8B5CF6

View system →

Color System for One Color to Full Palette

#EF4444

View system →

For Frameworks

Color System for Tailwind CSS Color Palette

#06B6D4

View system →

Color System for React Design Tokens

#61DAFB

View system →

Color System for Next.js Theme Colors

#000000

View system →

Color System for shadcn/ui Color Theme

#18181B

View system →

Color System for Design Token Color Generator

#6366F1

View system →

Color System for Vue.js Color Theme

#42B883

View system →

Color System for Figma to CSS Color Variables

#A259FF

View system →

Color System for Color System for Tailwind

#06B6D4

View system →

Free Tools

♿

Contrast Checker

Check if your colors pass WCAG AA and AAA accessibility guidelines

Stop tweaking colors — generate your system instantly

Generate my color system