Skip to content
ThaiGraph ภาษาไทย

Thai Color Palette Generator

Build five-color palettes from the 168-color Thaitone system. Pick a preset, click individual swatches to swap colors, and export to Tailwind, CSS variables, Adobe Swatch Exchange, or PNG. Share your palette with a URL that encodes the five hex values. Everything runs client-side; no signup, no watermark, no server round-trip.

Portrait of Ploypailin Srisuwan, Thai Design Researcher at ThaiGraph

By Ploypailin Srisuwan

Thai Design Researcher & Editor, ThaiGraph ·

CSS custom properties 
 
 
 Tailwind config 
 
 
 JSON 
 
 
 
 
 
How to use this tool
 
     
  1. Pick a preset that matches the register of your project \u2014 Temple Gold for luxury, Spa Serenity for wellness, Festival for hospitality.
    2.  
  2. Click any swatch to cycle to a different Thaitone color within the same cultural category.
    3.  
  3. Copy the CSS, Tailwind, or JSON export into your project.
    4.  
  4. Copy the shareable URL to send the palette to a collaborator \u2014 the five hex values are encoded in the URL hash.
    5.  
 
For the full colour catalogue visit /colors/thaitone/. For the cultural reasoning behind each palette see Thai Color Psychology.