Verified CalculatorUpdated June 2026

Color Palette Studio & Picker

Craft harmonious 5-shade web palettes, convert Hex ↔ RGB ↔ HSL, and test WCAG accessibility contrast ratios.

Share this tool:

WhatsApp X (Twitter)LinkedIn

Quick Navigation

Harmonious Color Palette Studio

Click regenerate or lock shades to craft perfect web UI palettes.

#4F46E5

RGB(79, 70, 229)

HSL(243°, 75%, 59%)

#06B6D4

RGB(6, 182, 212)

HSL(189°, 94%, 43%)

#10B981

RGB(16, 185, 129)

HSL(160°, 84%, 39%)

#F59E0B

RGB(245, 158, 11)

HSL(38°, 92%, 50%)

#EC4899

RGB(236, 72, 153)

HSL(330°, 81%, 60%)

WCAG Color Contrast & Accessibility Checker

Test readability between any two palette shades for buttons, cards, and typography.

Background:

Text / UI:

Live Interface Preview Sample

Design Beautiful, Accessible UI Experiences with Jigri Tools.

Contrast Ratio: 1.78:1

Contrast Ratio Score1.78 : 1

FAIL AA

Normal Text (AA):Fail (< 4.5:1)

Large UI Title (AA):Fail (< 3:1)

How to Use Color Palette Studio & Picker

Step-by-step instructions & tips

Follow these steps to craft stunning, accessible UI palettes:

Select a mood theme (Modern Vibrant, Pastel Dream, Neon Cyberpunk, or Sleek Dark).
Click Regenerate All until you find standout shades.
Lock specific colors by clicking the top lock icon on individual cards.
Copy exact HEX, RGB, or HSL codes with one click.
Use the bottom WCAG Contrast Checker to test readability between your selected background and text colors.

Reviewed by Jigri Technical & Editorial Team

Verified Accuracy

Our mathematical models and conversion tables are rigorously benchmarked against Nepal standard measurement systems (Bikram Sambat, Ropani/Bigha land formulas) and global ISO specifications.

Frequently Asked Questions

Common questions answered by experts

Stay Updated

Get New Tools & Guides in Your Inbox

Join 15,000+ users who receive our monthly roundup of free calculators, financial tips, and utility updates.