Palette Studio

Harmony-driven color systems

Palette generator

    • SpaceGGenerate
    • 1–5Lock a color
    • CCopy all hex
    • SSave
    • LLibrary
    • Ctrl/⌘ZUndo

    Live preview

    Contrast checker

    WCAG 2.2
    Text color
    Background
    Clear at a glance

    Body copy should stay effortless to read at every size.

    ButtonIcons & UI
    1.00: 1

      AAA 7+AA 4.5+AA Large 3+FailRows = text · Columns = background

      Export

      palette.css