Color swatches
How to add color swatches to the Dawn theme
Add color swatches to Dawn: category metafields, the Variant picker Swatch setting, and your options for swatches on collection product cards.
- Dawn Free Shopify theme
- Made by Shopify
- Free
- Native swatches: yes
- Version 16.1.0
Shopify theme
The Dawn Shopify theme.
Dawn is a free Shopify theme made by Shopify. The current version is 16.1.0 (October 9, 2026). It supports Shopify's native color swatches from version 13.0.0.
The facts.
From the Shopify Theme Store and Shopify's own pages. A setting we could not confirm in the vendor's own documentation says "not confirmed by the vendor".
Checked
| Theme | Dawn |
|---|---|
| Vendor | Shopify |
| Price | Free Free in the Shopify Theme Store, checked October 23, 2026. |
| Free or paid | Free |
| Where it is sold | Shopify Theme Store |
| Status | Current theme |
| Online Store 2.0 | Yes |
| Current version | 16.1.0 (October 9, 2026) |
| Theme family | Shares Dawn's code and version number |
| Native color swatches | Yes From version 13.0.0. |
| Variant picker block | Variant picker |
| Swatch setting | Theme editor > Products > Default product > Product information section > Variant picker block > Swatch: Circle / Square / None (default Circle). Style: Dropdown or Pills. |
| Swatches on product cards | No setting documented |
| Theme Store swatch features | Color swatches, swatch filters |
| Swatch documentation | Shopify Help Center |
| Last checked | October 23, 2026 |
Image sizes.
The sizes Dawn's documentation gives, each linked to its page. The image size checker applies them to your own files.
| Product images | 2048 x 2048 px Shopify help, all themes: "For square product images, a size of 2048 x 2048 px usually displays best." Product and collection images up to 5000 x 5000 px / 25 MP and under 20 MB. Source: Shopify Help Center. |
|---|---|
| Favicon | 32 x 32 px Theme settings > Logo > Favicon; editor info text "Displayed at 32 x 32px". Source: Shopify's theme code. |
Guides for Dawn.
Tool
Theme image size checker
Drop in product photos, banners and logos to check them against Shopify's limits and Dawn's documented sizes.
Swatch apps for Dawn.
The apps the Dawn swatch guide suggests, and what each App Store listing says about theme support (checked October 23, 2026). Ratings and the full comparison are on the color swatch hub.
| App | From | Theme support | Collection pages |
|---|---|---|---|
| GLO Color Swatch Variant Image | $9.90/month | Listing says it works with all themes | Yes |
| Color Swatch Pug | $6.99/month | Listing names no themes | Yes |
| Variants King & Color Swatch | $14.90/month | Listing names no themes | Yes |
More from Shopify.
Other themes by Shopify with profiles here:
- Horizon (free shopify theme)
- Atelier (free shopify theme)
- Dwell (free shopify theme)
- Fabric (free shopify theme)
- Heritage (free shopify theme)
- Pitch (free shopify theme)
- Ritual (free shopify theme)
- Savor (free shopify theme)
- Tinker (free shopify theme)
- Vessel (free shopify theme)
- Sense (free shopify theme)
- Craft (free shopify theme)
- Crave (free shopify theme)
- Refresh (free shopify theme)
- Ride (free shopify theme)
- Studio (free shopify theme)
- Taste (free shopify theme)
- Colorblock (free shopify theme)
- Publisher (free shopify theme)
- Spotlight (free shopify theme)
- Origin (free shopify theme)
- Trade (free shopify theme)
- Rise (free shopify theme)
- Debut (retired theme)
- Brooklyn (retired theme)
- Venture (retired theme)
- Minimal (retired theme)
- Supply (retired theme)
- Simple (retired theme)
- Narrative (retired theme)
- Boundless (retired theme)
- Express (retired theme)
- Pop (retired theme)
- Jumpstart (retired theme)
Sources.
Every fact above comes from one of these pages. The swatch guide lists the Shopify help pages its steps rely on.
Pages about Dawn
- Shopify Theme Store: Dawn listing
- Shopify Theme Store: free themes
- Shopify Partners blog: getting started with swatches for Shopify themes (January 31, 2024)
- Shopify Help Center: adding color swatches using category metafields
- Shopify Help Center: adding category metafields
- Shopify/dawn on GitHub: sections/main-product.liquid
- Shopify/dawn on GitHub: locales/en.default.schema.json
- Shopify/dawn on GitHub: snippets/card-product.liquid
- Shopify Help Center: product media types and sizes
Set up swatches on Dawn.
Shopify's own swatches, an app or the code route, with the setting names for this theme.