Color Palette Generator

Generate beautiful, harmonious color palettes with accessibility testing. Create monochromatic, complementary, triadic, and custom color schemes for your design projects.

Color Configuration

Base Color

Palette Type

Number of Colors

Input Format

Generated Palette

#3c83f6

RGB: 60, 131, 246

HSL: 217°, 91%, 60%

White text: 3.64:1 ❌

Black text: 5.77:1 ✅

#f6af3c

RGB: 246, 175, 60

HSL: 37°, 91%, 60%

White text: 1.89:1 ❌

Black text: 11.12:1 ✅

#fffffffffffffff459fc

RGB: -12, 89, 252

HSL: 217°, 110%, 47%

White text: 5.5:1 ✅

Black text: 3.82:1 ❌

#109a506

RGB: 265, 165, 6

HSL: 37°, 108%, 53%

White text: 1.9:1 ❌

Black text: 11.03:1 ✅

#fffffffffffffff44ddd

RGB: -12, 77, 221

HSL: 217°, 111%, 41%

White text: 6.8:1 ✅

Black text: 3.09:1 ❌

Export Palette

Preview CSS Variables

:root {
  --color-1: #3c83f6;
  --color-2: #f6af3c;
  --color-3: #fffffffffffffff459fc;
  --color-4: #109a506;
  --color-5: #fffffffffffffff44ddd;
}

Accessibility Guidelines

WCAG AA Compliance

• Normal text: 4.5:1 contrast ratio minimum

• Large text (18pt+): 3:1 contrast ratio minimum

• Brand colors: Consider accessibility from the start

Color Usage Tips

• Don't rely on color alone to convey information

• Test your palette with color blindness simulators

• Use sufficient contrast for readability

• Consider dark mode alternatives

Color Blindness

• 8% of men and 0.5% of women have color vision deficiency

• Red-green color blindness is most common

• Use patterns, shapes, or labels as additional indicators

🎨 Color Design Guide

🎯 Color Theory

• Complementary colors create contrast
• Analogous colors feel harmonious
• Monochromatic provides elegance
• Triadic offers vibrant balance

♿ Accessibility

• 4.5:1 contrast for normal text
• 3:1 contrast for large text
• Test with color blindness tools
• Don't rely on color alone

🚀 Best Practices

• Use 60-30-10 color rule
• Test in different lighting
• Consider cultural meanings
• Create hover state variations

Color Palette Generator

Search for tools