How to use the true winter color palette
- Select an output format from the dropdown: HEX, RGB, HSL or CSS variables.
- Choose a color group to filter the palette, such as core colors, neutrals or accents.
- Review the generated swatch grid and data table below the controls.
- Copy the values directly into your stylesheet, design tool or project.
What defines the true winter color season
The true winter color season sits at the center of the winter family in seasonal color theory. It is defined by three characteristics: undertone, value and chroma. The undertone is distinctly cool, meaning every shade leans toward blue rather than yellow. The value ranges from very dark to very light, creating stark contrast. The chroma is high, which means the colors are clear, vivid and saturated rather than muted or dusty.
A person who fits this profile typically has naturally high contrast between their hair, skin and eyes. Their best shades are jewel tones and icy lights that share that same cool clarity. Keep in mind that seasonal color analysis is a styling guideline developed for fashion and cosmetics, not a science backed by controlled studies. It offers a useful framework, but individual results vary.
How the palette is built
This true winter color palette contains 20 hand-curated hex values split into four groups: neutrals, core colors, accents and colors to avoid. Each hex code is converted mathematically to RGB and HSL when you change the format selector.
To convert a hex triplet like #E31B23 (Ruby) to RGB, each pair of hexadecimal digits is parsed to decimal: E3 becomes 227, 1B becomes 27 and 23 becomes 35, yielding rgb(227, 27, 35). For HSL, the RGB values are first normalized to a 0 to 1 range. The maximum and minimum channel values determine lightness, while the difference between them determines saturation. Hue is calculated based on which channel is dominant. Ruby normalizes to roughly hsl(358, 79%, 50%).
CSS variable output prefixes each slugified name with --tw-, making it easy to drop the block into a :root selector.
Styling guide: metals, makeup and clothes
When applying true winter colors to clothing, lean into high-contrast pairings. Pure white paired with true black is the signature combination. Jewel tones like emerald, sapphire and ruby work beautifully as statement pieces, while icy pastels serve as softer alternatives to warm creams.
For metals, silver, platinum and white gold complement the cool undertone perfectly. Yellow gold and rose gold introduce warmth that clashes with the palette's inherent coolness. In makeup, look for blue-based red lipsticks, cool berry tones and sharp black or navy eyeliners. Foundations should have neutral-to-cool pink undertones rather than golden or peachy ones.
Common reference values
The table below shows five foundational shades from the palette with their exact conversions. These are the anchors most frequently used in true winter color analysis.
| Name | HEX | RGB | HSL |
|---|---|---|---|
| Pure White | #FFFFFF | 255, 255, 255 | 0, 0%, 100% |
| True Black | #000000 | 0, 0, 0 | 0, 0%, 0% |
| Sapphire | #0F52BA | 15, 82, 186 | 216, 85%, 39% |
| Emerald | #046307 | 4, 99, 7 | 122, 92%, 20% |
| Ruby | #E31B23 | 227, 27, 35 | 358, 79%, 50% |
Neighboring seasons and how they differ
Understanding where the true winter color season sits relative to its neighbors helps clarify why certain shades work and others fail. Its two closest relatives are bright winter and deep winter.
Bright winter shares the cool undertone but flows slightly toward spring, adding extra brightness and clarity. Its palette tolerates slightly warmer, more electric shades. Deep winter flows toward autumn, introducing a touch of darkness and richness. It handles deeper, slightly heavier tones better than true winter does.
Across the seasonal wheel, the summer palettes share the cool undertone but lack the high contrast and vivid chroma. If you find the true winter palette too intense, exploring the cool summer color palette or the true summer color palette may provide softer, more muted cool-toned options.
Worked examples
| Example | Input | Result |
|---|---|---|
| All colors in HEX | Output format: HEX; Color group: all colors | #FFFFFF, #000000, #36454F, #000080, #D3D9DF, #0F52BA, #046307, #E31B23, #9966CC, #CA1F7B, #4169E1, #F4C2C2, #A5D8F6, #D6CADD, #01796F, #8E4585, #FFCBA4, #FFDB58, #E2725B, #808000 |
| Core colors as CSS variables | Output format: CSS variables; Color group: core colors | #0F52BA, #046307, #E31B23, #9966CC, #CA1F7B, #4169E1 |
| Neutrals in RGB | Output format: RGB; Color group: neutrals | #FFFFFF, #000000, #36454F, #000080, #D3D9DF |
FAQ
What exactly is a true winter color palette?
It is a curated set of cool, clear and highly contrasting colors suited to the true winter profile in seasonal color theory. It includes pure whites, deep blacks and vivid jewel tones like emerald and sapphire.
Can I wear warm colors if I am a true winter?
Warm colors like orange, mustard and peach tend to clash with the cool undertone of a true winter. Sticking to blue-based shades produces a more harmonious look.
Is seasonal color analysis scientifically proven?
No. Seasonal color analysis is a styling guideline used in fashion and cosmetics, not a scientific discipline. It provides a helpful framework, but personal preference and individual variation always matter.
Which metals suit true winter colors best?
Silver, platinum and white gold are ideal because they match the cool undertone. Yellow gold and copper usually look out of place against these shades.
How do I use this palette in web design?
Select the CSS variables format to generate ready-to-use custom properties. Paste them into your stylesheet's root selector and reference the variable names in your CSS rules.
Does this tool upload my data anywhere?
No. The generator runs entirely in your browser. No inputs or outputs are sent to any server.