Open the app

Pull a brand palette out of any photo.

Drop in a photo. Hueshot finds its colours, checks them for contrast and hands you CSS, Tailwind and design tokens.

Start with a photo

Free, with no sign-up. Your photos never leave your browser.

A man in an orange hoodie standing by the sea
    Seaside Point at the photo to sample it, or

    Everything a palette needs, in one place.

    Finds the colours that matter

    Hueshot groups similar shades the way your eye does, so you get the colours that define the photo instead of its noise.

    Checks every pair

    See which colours can carry text on which, graded against the WCAG AA and AAA contrast rules.

    Builds full shade scales

    Every colour gets an 11-step scale from 50 to 950, ready for buttons, borders and backgrounds.

    From photo to tokens in three steps.

    1. Drop a photoA JPG, PNG or WebP from your camera roll, a moodboard or a product shot.
    2. Fine-tune with pickersDrag any picker across the photo to swap a colour, and choose how many colours you want.
    3. Copy your tokensPick a format, copy it into your project, and save the palette to your library.

    Ready for your codebase.

    Name your palette, pick a format and copy. CSS variables, a Tailwind theme, SCSS or JSON design tokens.

    Make your own 
    
          
        
    
      
    

      
    
        
        
        
    Your next palette is already in your camera roll.
    
        Open Hueshot