Colors That Start With S: 240 Names and Color Codes

S can stretch from the earthy warmth of Sienna to the electric punch of Spring Green. This 240-color atlas separates standardized CSS colors from catalog references, survey results, and curated design names. Scan the swatches, copy an exact HEX code, and use the practical checks below to turn a memorable name into a dependable choice.

How to Read This S Color Atlas

The direct answer is below: a curated collection of 240 distinct English color names that begin with S. It combines 13 standardized CSS values with attributable catalog, survey, and creative references. The list is broad, but it is not an official inventory of every possible S color.

HEX is the controlling digital value in every row. In six-digit notation, the first pair of digits specifies red, the second green, and the third blue within sRGB. The RGB numbers and visible Color cell agree with that HEX value, so each row describes one internally consistent screen reference.

Standardized CSS Names

The atlas contains 13 distinct S-starting CSS values represented by 14 accepted, case-insensitive identifiers. The readable names in the first column are display labels, not literal CSS syntax. The valid identifiers are saddlebrown, salmon, sandybrown, seagreen, seashell, sienna, silver, skyblue, slateblue, slategray, slategrey, snow, springgreen, and steelblue.

slategray and slategrey resolve to the same #708090 value, so they count as one color. A CSS keyword label means browsers recognize the unspaced identifier shown in the row. It does not make the name an official specification for paint, fabric, ink, or another physical material.

Catalog, Survey, and Creative Names

Resene catalog identifies a value retained from the 2001 Resene RGB list. These are useful historical vendor references, not universal definitions or guaranteed matches to current paint. xkcd survey identifies an informal monitor-color name from the 2010 survey results. The survey reflects how participants labeled displayed colors, not a standards process.

Curated design name marks a selection from the human-curated Meodai collection. Its names and codes can be useful for ideation and design-system labels, but they remain creative references. A poetic label such as Saffron Desires or Sailor Moon does not carry an official status outside its dataset.

One Name, Several Source Values

Color names behave like labels within particular systems. Sea Green, for example, has separate CSS, vendor-catalog, and survey values. The main atlas follows a one-name-one-row rule: CSS takes priority where a standardized keyword exists, while other exact-name conflicts and spelling variants are removed. Important disagreements for Sea Green and Spring Green appear in a later comparison instead of being hidden or inserted as duplicates.

Colors That Start With S: The Alphabetical Atlas

Every displayed name begins with S. The five ranges follow a punctuation-, spacing-, and diacritic-insensitive alphabetical order. The Source or Status column belongs to the exact name-and-code pairing shown in its row. The swatches are opaque sRGB previews for screens, not measured samples of paint, pigment, dye, metal, or printed ink.

Sa to Se

This opening range runs from Sablé through Serenade, spanning warm earth colors, ocean greens, and several standardized web colors.

Sh to Sn

This range runs from Shadow Green through Snuff and includes the standardized references for Sienna, Silver, Sky Blue, Slate Blue, Slate Gray, and Snow.

So to Sp

This group runs from Soapstone through Spun Pearl, pairing soft neutrals with brighter survey names and the standardized Spring Green reference.

Sq to St

This compact range runs from Squash through Studio, including stone, steel, storm, and strawberry names from several source classes.

Su to Sy

The final range runs from Submarine through Sycamore, with sunny yellows, surf greens, soft grays, and other catalog or survey references.

Why One Name Can Point to Several Colors

A familiar color name is not a coordinate. Unless a standard or catalog is named, two people can use Sea Green or Spring Green for noticeably different colors and both remain consistent with their own source. The clearest solution is to carry the source label and HEX value together whenever accuracy matters.

Sea Green Across Three Systems

The CSS value is a medium green, the Resene reference is darker and bluer, and the survey result is much brighter. Writing only “Sea Green” in a brief leaves that difference unresolved. “CSS Sea Green, #2E8B57” gives a developer or designer something reproducible.

Spring Green Across Three Systems

Here the spread runs from highly saturated CSS green through a muted catalog color to a yellow-leaning survey result. Treating the source as a namespace prevents silent substitutions in a design system. If a team wants its own Spring Green, define one HEX value in the project tokens and document which reference inspired it.

Using S Colors in Real Projects

A color name is useful for conversation, but a project succeeds through relationships: which color fills the largest area, which supports it, which draws attention, and which carries text. Start with roles and exact values, then judge the resulting combination in its real context.

AI-generated editorial illustration; not a measured color sample.

Build Palettes by Role, Not by Name

For a cool interface, Snow #FFFAFA can serve as the surface, Slate Blue #6A5ACD as the dominant color, Steel Blue #4682B4 as support, and Saffron #DC9F45 as a restrained accent. A warmer editorial palette might combine Seashell #FFF5EE, Sienna #A0522D, Scarlet #BE0119, and Steel Grey #43464B. These are practical starting points, not claims that a poetic name carries a fixed mood.

Use a color wheel to compare hue relationships, then refine the proportions through a deliberate color harmony. If a strong accent feels disconnected, testing nearby or complementary colors can reveal a clearer relationship. The separate seafoam green guide offers more focused context for that light aquatic family.

Test Text Against Its Actual Background

Readability belongs to a foreground-and-background pair, not to either color by itself. WCAG 2.2 Level AA calls for at least a 4.5:1 contrast ratio for normal text and 3:1 for large text. A pale color may work well behind dark text and fail completely behind white text, even if its name sounds gentle or neutral.

Test every real pair, including hover states, disabled controls, text over images, and small labels. When color communicates an error, success, selection, or warning, add a visible label, icon, shape, or pattern. People should not have to distinguish two colors to understand the message.

Keep Screen and Print Workflows Separate

The atlas describes opaque sRGB screen colors. A monitor emits light, while paper, paint, fabric, and other objects reflect it. A printer also works within its own device and paper gamut, so some bright screen colors cannot be reproduced exactly.

Do not paste an unprofiled CMYK conversion into a print specification and assume it will match. Use the printer’s color profile, request a proof, and evaluate the chosen stock. For physical paint, work from actual samples and controlled tests. If the goal is to create a material color rather than select a screen value, begin with a dedicated paint-mixing guide.

S Color Names with Material Histories

Some S names describe more than digital swatches. Smalt and sienna also refer to artist materials whose composition, preparation, medium, and condition can affect what viewers see. A fixed HEX code can suggest their appearance on a screen, but it cannot compress those material variables into a recipe.

Smalt Is Cobalt Glass

Smalt is a blue pigment made from coarsely ground potassium glass colored by cobalt oxide. Its composition varies, and smalt used in oil paint can lose its blue appearance and shift toward gray or gray-brown. The Smalt Blue row in the atlas is a vendor-catalog screen reference, not a measurement of historic smalt or a prediction of how an old paint layer will look.

Sienna Is a Family of Earth Pigments

Sienna also names a material family. Museum accounts describe sienna earths as iron-bearing pigments that can contain manganese compounds. Heating raw sienna produces the darker burnt form by changing the iron-bearing material. That physical transformation is different from selecting the CSS keyword sienna, which resolves to #A0522D.

A digital designer can reproduce #A0522D across a managed interface because the code specifies an sRGB reference. A painter must instead consider the actual pigment, binder, mixture, and sample at hand. Burnt sienna is not simply “CSS Sienna made darker,” and a screen tint ramp is not a paint-mixing formula.

Why Material Color Can Change

Material color depends on what the object absorbs and reflects, as well as the light under which it is viewed. Aging or chemical change can alter the material itself, as discoloration in smalt demonstrates. Screens create similar-looking sensations by emitting light through red, green, and blue channels, but similar appearance does not mean identical physical behavior.

Use the atlas for digital reference, naming, and early palette planning. For conservation, paint purchasing, or print production, compare a real sample under the conditions in which it will be seen.

Frequently Asked Questions

These answers clarify the difference between standardized web colors, source-specific names, and physical color matching.

Is There an Official List of Every Color That Starts With S?

No. CSS standardizes a limited group of named web colors, while paint manufacturers, surveys, institutions, and creative catalogs maintain their own naming systems. This atlas combines clearly labeled references rather than presenting every entry as official.

Which S Colors Are Standard CSS Names?

The 13 distinct values use the identifiers saddlebrown, salmon, sandybrown, seagreen, seashell, sienna, silver, skyblue, slateblue, slategray, snow, springgreen, and steelblue. CSS also accepts slategrey as an alias for slategray; both use #708090. The spaced forms in the table are reader-friendly display names.

Why Does One Color Name Have Different HEX Codes?

Most color names are labels, not universal specifications. A web standard, paint catalog, and public survey may each attach the same words to a different visual sample. Include the HEX code and source whenever an exact result matters.

Can I Match Paint or Printed Ink from a HEX Code?

Not reliably from the HEX code alone. HEX specifies an sRGB screen reference, while paint and ink depend on physical materials, lighting, substrates, color profiles, and device gamuts. Use physical samples, print proofs, and profile-aware tools for final matching.

Download the digital color reference sheets: Color atlas 1 · Color atlas 2 · Color atlas 3 · Color atlas 4 · Color atlas 5 · Color atlas 6 · Color atlas 7

Matthew Matthysen( Drawing and Painting Artist )

Matthew Matthysen is an educated multidisciplinary artist and illustrator. He successfully completed his art degree at the University of Witwatersrand in South Africa, majoring in art history and contemporary drawing. The focus of his thesis was to explore the philosophical implications of the macro and micro-universe on the human experience. Matthew uses diverse media, such as written and hands-on components, to explore various approaches that are on the border between philosophy and science.

Matthew organized various exhibitions before and during his years as a student and is still passionate about doing so today. He currently works as a freelance artist and writer in various fields. He also has a permanent position at a renowned online gallery (ArtGazette) where he produces various works on commission. As a freelance artist, he creates several series and successfully sells them to galleries and collectors. He loves to use his work and skills in various fields of interest.

Matthew has been creating drawing and painting tutorials since the relaunch in 2020. Through his involvement with artincontext.org, he has been able to deepen his knowledge of various painting mediums. For example, watercolor techniques, calligraphy and lately digital drawing, which is becoming more and more popular.

Learn more about Matthew Matthysen and the Art in Context Team.