Savile Home

Colors

The color variables listed below are part of Savile, but are mainly intended for internal use. If one wants to use the variables listed here in another project, they are available and require the CSS variable syntax (e.g.color: var(--s-color-gray-100);).

Class Name Value Color Sample 
--s-color-cyan-400
 #12f1fc 
--s-color-cyan-500
 #05c2d1 
--s-color-cyan-600
 #0492a5 
--s-color-cyan-700
 #036575 
--s-color-yellow-500
 #f9ae06 
--s-color-yellow-600
 #e0990a 
--s-color-yellow-700
 #c67b02 
--s-color-red-500
 #ef3852 
--s-color-red-600
 #cc193b 
--s-color-red-700
 #9b0428 
--s-color-white
 #ffffff 
--s-color-gray-100
 #f8f8f8 
--s-color-gray-200
 #eeeff0 
--s-color-gray-300
 #e0e1e2 
--s-color-gray-400
 #bcbec0 
--s-color-gray-500
 #939598 
--s-color-gray-600
 #6d6e71 
--s-color-gray-700
 #4d4d4f 
--s-color-gray-800
 #2b2b2b 
--s-color-black
 #000000