YAML Generator

YAML tokens for pipelines and configs.

Randomize a palette, pick each swatch, or build a harmony from a base color — then export YAML tokens.

Palette builder

Pick colors or randomize

Generate from a base color

Base

Harmony

Token name

Export

Developer code

name: brand
colors:
  - id: brand-1
    hex: '#e11d48'
  - id: brand-2
    hex: '#db2777'
  - id: brand-3
    hex: '#c026d3'
  - id: brand-4
    hex: '#f59e0b'
  - id: brand-5
    hex: '#111827'