#FF8C00rgb(255, 140, 0)
#FFA500rgb(255, 165, 0)
#FFD700rgb(255, 215, 0)
#FFFACDrgb(255, 250, 205)
Deep orange, bright yellow — ideal for the transition from sunset to dusk, and similar scenes.
#C1440Ergb(193, 68, 14)
#E67E22rgb(230, 126, 34)
#F39C12rgb(243, 156, 18)
#FDEBD0rgb(253, 235, 208)
Deep brown orange, light warm yellow — ideal for baked caramel desserts, and similar scenes.
#994C00rgb(153, 76, 0)
#CD853Frgb(205, 133, 63)
#D2B48Crgb(210, 180, 140)
#F5DEB3rgb(245, 222, 179)
Deep terracotta brown, light brown yellow — ideal for handmade terracotta vessels, and similar scenes.
#E74C3Crgb(231, 76, 60)
#FF6B6Brgb(255, 107, 107)
#FFA07Argb(255, 160, 122)
#FFE4E1rgb(255, 228, 225)
Deep red, light pink orange — ideal for spring peach blossoms and sunsets, and similar scenes.
#F1C40Frgb(241, 196, 15)
#F7DC6Frgb(247, 220, 111)
#FFF9C4rgb(255, 249, 196)
#FFFDE7rgb(255, 253, 231)
Bright yellow, cream — ideal for afternoon sunlight falling on cotton and linen, and similar scenes.
#8B4513rgb(139, 69, 19)
#A0522Drgb(160, 82, 45)
#D2B48Crgb(210, 180, 140)
#FFEBCDrgb(255, 235, 205)
Deep wood brown, light brown yellow — ideal for solid wood furniture and wickerwork, and similar scenes.
#FF5722rgb(255, 87, 34)
#FF7043rgb(255, 112, 67)
#FFAB91rgb(255, 171, 145)
#FFE0B2rgb(255, 224, 178)
Deep orange red, light orange — ideal for ripe persimmons and oranges, and similar scenes.
#D4AF37rgb(212, 175, 55)
#F0C420rgb(240, 196, 32)
#F7E7CErgb(247, 231, 206)
#FFF8E1rgb(255, 248, 225)
Light gold, cream — ideal for amber and honey, and similar scenes.
Warm Tones Color Card|Warm Tones Color Combinations|Warm Tones Color Schemes
Warm Tones color card and pairing schemes: a curated collection of Warm Tones-themed palettes offering professional Warm Tones color-matching and color-scheme advice, with one-tap copy of HEX and RGB color codes.
🎨 What color should Warm Tones be?
Warm palettes are built on red, orange and yellow, conveying warmth like sunlight or a hearth fire. Such pairings close psychological distance and arouse appetite and enthusiasm, and are especially effective in cold seasons or scenes that need a friendly atmosphere; balanced with a small amount of neutral color, they stay warm without losing steadiness. The key to warm pairing is controlling saturation levels and avoiding large areas of same-saturation warm colors crowding one another.
📋 Features of the Warm Tones color card and palette
The Warm Tones color card on this page gathers several pairing schemes carefully refined around the "Warm Tones" theme. Each palette is made of 3–5 mutually harmonious colors, each labeled with a standard HEX color code and RGB values, and copyable in one tap. Unlike a scattered list of colors, this palette emphasizes the "relationships" between colors: in a pairing, the main color, secondary colors and accent colors each play their part, while hue, brightness and saturation keep a consistent rhythm, so whether you use a whole set or pick one or two colors for an existing project, it's hard to break the overall harmony. Palettes in the Color Temperature dimension can also be cross-combined with palettes of other dimensions such as season, emotion, color temperature and style, helping you converge on an ideal color direction faster.
🎯 Application scenarios of the Warm Tones palette
The Warm Tones palette is very practical in projects that need precise control of a composition's temperature: whole-home soft-furnishing color planning, color-grading references for photography and film, design of daytime and nighttime app themes, and atmosphere building for dining and retail spaces can all start from this palette to quickly find a balance point.As a color-temperature-dimension palette, it helps you build a pairing framework starting from warm and cool — the most fundamental color attribute — and then gradually layer on style and emotion, making color-pairing decisions more methodical.
💡 Warm Tones color-matching tips and experience
1. Clarify the warm-cool protagonist of the composition: in Warm Tones pairing, the ratio of warm to cool colors determines the mood — set a 70% temperature base first, then use 30% to balance; 2. Use neutral colors as a buffer: when a warm-cool clash feels harsh, add off-white, gray or earth tones as a transition, and the composition immediately softens; 3. Create layers within the same color temperature: build foreground-background relationships with a brightness ladder inside the Warm Tones range — safer than introducing an opposing temperature; 4. Consider the light source and ambient color: screens, print and different lighting all change how temperature reads, so always verify once on the real medium before launch.
❓ Warm Tones color pairing FAQ
How do I choose the main color for a Warm Tones palette? Start from the core element you want to highlight in the composition, and within the Warm Tones spectrum pick the color with the highest recognizability and enough contrast against the background as the main color, letting the rest recede in turn as secondary and accent colors. How do I keep a Warm Tones pairing consistent? The key is to hold to a consistent brightness range and saturation range; the hue can vary freely within the Warm Tones range, but don't let any single color "jump out" of the overall hierarchy in brightness or purity. Can a palette be used commercially? Yes — color values themselves are not protected by copyright, and the HEX and RGB codes in the palettes on this page may be used freely in commercial projects; however, if a design references a work whose copyright belongs to someone else, the copyright of the original work still belongs to its author.
🛠️ How to use the Warm Tones palette on this page
Using the Warm Tones palette on this page is very simple: browse the color cards above — each pairing is made of several mutually harmonious colors and labeled with standard HEX color codes and RGB values. Click a swatch to copy it in one tap and paste it straight into Figma, Sketch, Photoshop or front-end CSS. If you need finer adjustment, open the Color Encyclopedia to check the HSL, HSV and CMYK parameters, shade variants and WCAG contrast ratio of a single color; if you want to compare different directions, switch to other dimensions of the palette via the filter at the top. We recommend distilling the Warm Tones color combinations you have validated into your team's color guidelines, so that every color pairing has a solid basis.