Ronghor Color Studio

Palettes built for different kinds of websites, each with all 12 colors already in the right places. Lock your own brand color, then switch presets to see which backgrounds and text colors suit it.

Copy the code into your website's CSS or Tailwind setup.

Include dark mode colors Include shade scale (50 to 950)

Shade scale

Lighter and darker steps of the same hue for hovers, borders and light backgrounds. Click any step to copy it. The step with a dot is closest to your color.

Simulate vision

Hover any part of the preview to see which colors it uses. Click to change them right there.

Contrast check

Can people read it? Measured with WCAG rules: at least 4.5:1 for normal text, 3:1 for icons and large text, and 7:1 for the top rating (AAA).

Trust Blue

Contrast check