Color Palette

#0d0d1a
#1a1a33
#2d2d66
#404099
#7a7ae6

Color Harmony Advanced

Website Preview

Beautiful Color Palette

Experience the perfect color harmony for your projects

🎨

Color Tools

Advanced color manipulation and palette generation.

Learn more →
⚡

Fast & Reliable

Lightning-fast color calculations and real-time previews.

Learn more →
🎯

Accessibility

WCAG compliant contrast checking built right in.

Learn more →

Accessibility Check

21:1
✓ AAA Large ✓ AAA Normal ✓ AA Large ✓ AA Normal
Large Text (24px)
Normal Text (16px)

Export Code

:root {
  --color-primary-50: #0d0d1a;
  --color-primary-100: #1a1a33;
  --color-primary-200: #2d2d66;
  --color-primary-300: #404099;
  --color-primary-400: #5c5cbf;
  --color-primary-500: #7a7ae6;
  --color-primary-600: #9999ff;
  --color-primary-700: #b8b8ff;
  --color-primary-800: #d6d6ff;
  --color-primary-900: #f0f0ff;
}