Punk palette
Umber Porch
Umber Porch runs #ad1e2b through #db5556, #fb7270, #ff8d89 to #ffbcb8 in five measured steps, the tetradic structure keeping every neighbor honest. Reach for it for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.
redpunkfive-stop
#ad1e2b
#db5556
#fb7270
#ff8d89
#ffbcb8
The generator opens with #ad1e2b as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.