12-Season Color Wheel Chart & Hex Codes
Master the three optical dimensions of seasonal color analysis—Undertone, Value, and Chroma. Explore accurate digital hex codes, 12-tone palettes, and UI harmony recommendations for all major seasonal sub-archetypes.
12-Tone Soft Autumn Color Wheel Chart & Hex Codes
Warm golden undertones with medium depth and muted chroma.
Terracotta Clay
Hero Soft Autumn earthenware clay.
Spiced Pumpkin Rust
Deep harvest warmth for accent points.
Warm Apricot Peach
Soft luminous peach for light cards.
Harvest Mustard Ochre
Golden grain ochre bridging warmth and olive.
Muted Olive Moss
Botanical grounding neutral green.
Deep Forest Sage
Moody organic dark olive anchor.
Celadon Soft Sage
Eucalyptus and dried herb wash.
Muted Teal Slate
Smoky sea teal for cool equilibrium.
Smoky Slate Denim
Soft grayish blue replacing stark royal blue.
Warm Antique Rosewood
Dusty berry bringing romantic subtlety.
Warm Sand Taupe
Warm neutral foundation for subtle borders.
Alabaster Oat Cream
Warm paper-white replacing sterile white.
Soft Autumn Optical Dimensions Matrix
The three optical axes governing Soft Autumn palettes in design systems and seasonal analysis.
Warm-Neutral (Golden/Honey)
Medium (Sun-drenched mid-tones)
Low / Muted (Softened with grey & earth)
Want to rotate and calculate geometric harmonies for Soft Autumn?
Open the full 360° interactive SVG wheel centered on Soft Autumn with live WCAG testing and Tailwind code exports.
12-Season Optical Dimensions & UI Application Matrix
How the 4 seasonal archetypes differ across the three foundational axes of color science (Albert Munsell color dimensions).
| Season Archetype | Undertone (Hue) | Value (Lightness) | Chroma (Clarity) | Anchor Hex Codes | Best Digital Product Fit |
|---|---|---|---|---|---|
| Soft Autumn | Warm-Neutral (Golden/Honey) | Medium (Sun-drenched) | Muted (Desaturated earth) | #B86B53, #6E7F5E | Artisanal goods, organic wellness, lifestyle blogs |
| Deep Autumn | Warm-Neutral (Golden Honey & Cocoa) | Deep / Dark (Rich low values) | Medium-High (Burnished spice) | #C05621, #2A1810 | Artisanal coffee, leather goods, outdoor gear |
| Deep Winter | Cool (Icy / Obsidian) | Deep / Dark (Stark depth) | High Clarity (Saturated jewel) | #0B0F19, #1D4ED8, #991B1B | Cybersecurity, luxury fintech, dark-mode portals |
| Cool Winter | Cool (Pure Blue / Ice Frost) | Medium to Deep (Stark contrast) | High Clarity (Pure jewel frost) | #1D4ED8, #BE185D, #E2E8F0 | Developer consoles, medical tech, arctic sports |
| Soft Summer | Cool-Neutral (Blue-Grey) | Medium (Twilight mid-tone) | Muted (Smoky sea mist) | #9B8EB9, #6C7D93 | Meditation apps, calm SaaS workspaces, healthcare |
| Warm Spring | Warm (Golden Peach) | Light to Medium (Radiant) | High Clarity (Sunlit pure) | #F59E0B, #FB923C, #2DD4BF | EdTech, food & fresh produce, travel apps |
| Bright Spring | Warm-Neutral (Golden Aqua) | Light to Medium (Bright open) | Ultra High (Dazzling tropical) | #06B6D4, #F43F5E, #FBBF24 | Gamification, creator apps, cheerful commerce |
Soft Autumn vs. Soft Summer: How to Tell Them Apart
Soft Autumn and Soft Summer are sister seasons that sit opposite each other on the 12-season color wheel. Both share the same desaturated, soft chroma—meaning neither palette contains neon or blinding primary tones.
Deep Winter vs. Warm Spring: High-Clarity Contrast Duel
While Autumn and Summer are muted, Deep Winter and Warm Spring are defined by crystal clarity and high saturation.
Frequently Asked Questions About 12-Season Color Wheels
What are the 3 dimensions of the 12-season color analysis system?
The 12-season system is rooted in Albert Munsell's 3-dimensional color model: (1) Hue / Undertone (Warm vs Cool), (2) Value / Depth (Light vs Dark), and (3) Chroma / Intensity (Clear/Saturated vs Muted/Desaturated). Every sub-season occupies a unique coordinate in this 3D color sphere.
Why are digital product designers adopting seasonal color analysis?
Seasonal palettes are pre-harmonized by nature. When building complex design systems with 20+ tokens (buttons, badges, toasts, borders, surface washes), drawing from a single seasonal family prevents jarring optical clashes and guarantees emotional consistency across all app screens.
Can I export these seasonal palettes to Tailwind CSS or Figma?
Yes. Each season has a dedicated interactive wheel page where you can copy the entire 12-color token set as Tailwind v4 @theme variables, CSS custom properties, or OKLCH color strings.