Labs

Palette Mutation Lab

Generate controlled palette variants with warmth, boldness, and softness mutation sliders.

Mutated UI Preview

Tune mood quickly, then export the variant you want.

Surface
Accent

Palette Intake

Drag and drop image, URL, or color palette here
Copy Design Code

CSS

:root {
  --mut-bg: #0B132B;
  --mut-surface: #1C2541;
  --mut-primary: #3A506B;
  --mut-accent: #5BC0BE;
  --mut-soft: #EAFDFC;
}

JSON

{
  "controls": {
    "warmth": 0,
    "boldness": 0,
    "softness": 0
  },
  "sourcePalette": [
    "#0B132B",
    "#1C2541",
    "#3A506B",
    "#5BC0BE",
    "#EAFDFC"
  ],
  "mutatedPalette": [
    "#0B132B",
    "#1C2541",
    "#3A506B",
    "#5BC0BE",
    "#EAFDFC"
  ],
  "roles": {
    "bg": "#0B132B",
    "surface": "#1C2541",
    "primary": "#3A506B",
    "accent": "#5BC0BE",
    "soft": "#EAFDFC"
  }
}