Colour Palette Generator – Useful Solutions

Color Palette Generator

Create beautiful, harmonious color schemes with live preview and accessibility checking

Accessibility Check

WCAG Contrast Ratios:

Color Harmony Guide

Complementary: Colors opposite on the color wheel

Analogous: Colors next to each other on the wheel

Triadic: Three colors equally spaced around the wheel

Split Complementary: Base color plus two adjacent to its complement

60-30-10 Rule: 60% dominant, 30% secondary, 10% accent

Accessibility: Maintain 4.5:1 contrast ratio for text

Context Matters: Consider brand, audience, and medium

Test Variations: Check colors in different lighting conditions

CSS: Custom properties for web development

SCSS: Sass variables for preprocessor workflows

JSON: Structured data for applications

ASE: Adobe Swatch Exchange for design software

Useful Solutions