Naming playground.

Every naming scheme in Design Book, live: nameValues, scaleNames, nameBetween and namingScheme. Pick a scheme and a count; the colors are a ramp from the seed color, named and stored in a real Design Book scope. Only the options that fit the scheme are shown.

Settings

scheme
count
strategy
base 2
from / to
step
case
overflow when the list runs out of names
your list smallest first
prefix / suffix
show as
ramp seed 



        

  
  



        

  
  

            

            
            

          



      




      

        
Growing the scale

        

          The best names always come from running the naming again with the new
          count. Insert with + (nameBetween) only when the
          existing names have to stay: when CSS, components or a published token
          set already use them.
        

        

        
      

    

  

  

  
    
  
    
  
  
  

  
  
  
  $ npm i design-book