trimfox · tint picker tinted.css

trimfox ships grayscale — that's the stock look, fixed on the left as your reference. Everything else here is optional: pick a base color, or dial hue + tint strength, and compare your palette (right) against stock. It drives the exact tinted.css oklch() formula. A grey, or tint strength 0, is grayscale.

Pick a color

Any color works — trimfox takes its hue and a damped amount of its saturation, then builds the palette proportionally off the grayscale ramp. A grey gives grayscale.
260°
0.000

Starting points

Stock — ships by default
Example tints — suggestions, not official palettes
The Your palette badge tags where the current colors come from — Stock (grayscale, what ships), Example (a suggested tint, not an official palette), or Custom (your own pick).

Copy into tinted.css


    
    
Put these in user-overrides.css (gitignored, survives upgrades) with @import 'palettes/tinted.css'; at its top. Stock needs nothing.

  






  
Compare — stock vs yours

  

    
    
  





  

    
Stock grayscale.css

    

  

  

    
Your palette STOCK · grayscale

    

  






  
Tokens — stock vs yours

  
tokenstockyours