Matcha palette
Roasted Harbor
A quiet five-stop matcha arc with a confident middle — #9d3f00 carries the weight and #ffc1a5 carries the air, with #d66222, #f57e43 and #fc9666 bridging in tetradic formation. Built for wellness apps where the interface must feel calm, not clinical. The darkest and lightest stops clear AA for large text.
orangematchafive-stop
#9d3f00
#d66222
#f57e43
#fc9666
#ffc1a5
The generator opens with #9d3f00 as the primary and the next two stops as secondary and accent — adjust, check contrast, and export tokens or CSS from there.