#1E3A8Argb(30, 58, 138)
#3B82F6rgb(59, 130, 246)
#93C5FDrgb(147, 197, 253)
#DBEAFErgb(219, 234, 254)
Deep blue, light sky blue — ideal for the deep sea to a clear sky, and similar scenes.
#0F52BArgb(15, 82, 186)
#4169E1rgb(65, 105, 225)
#87CEFArgb(135, 206, 250)
#E0F2FErgb(224, 242, 254)
Deep royal blue, light blue — ideal for sapphire and lake water, and similar scenes.
#2E8B57rgb(46, 139, 87)
#4CAF50rgb(76, 175, 80)
#81C784rgb(129, 199, 132)
#E8F5E9rgb(232, 245, 233)
Deep pine green, light green — ideal for deep-mountain pine forests and tender grass, and similar scenes.
#4B0082rgb(75, 0, 130)
#8A2BE2rgb(138, 43, 226)
#BA55D3rgb(186, 85, 211)
#F0E6FArgb(240, 230, 250)
Deep purple, light purple — ideal for the night sky and lavender, and similar scenes.
#008080rgb(0, 128, 128)
#20B2AArgb(32, 178, 170)
#7FFFD4rgb(127, 255, 212)
#F0FFFFrgb(240, 255, 255)
Deep cyan, light cyan — ideal for mint and lake water, and similar scenes.
#5F9EA0rgb(95, 158, 160)
#87CEEBrgb(135, 206, 235)
#B0E0E6rgb(176, 224, 230)
#E6F3F7rgb(230, 243, 247)
Cyan gray, light blue — ideal for lake water on a foggy day, and similar scenes.
#228B22rgb(34, 139, 34)
#32CD32rgb(50, 205, 50)
#90EE90rgb(144, 238, 144)
#F0FFF0rgb(240, 255, 240)
Deep green, light green — ideal for lime and tender grass, and similar scenes.
#3A5FCDrgb(58, 95, 205)
#607BAArgb(96, 123, 170)
#A4B4D4rgb(164, 180, 212)
#D7E0F2rgb(215, 224, 242)
Deep gray blue, light gray blue — ideal for the sea surface on an overcast day, and similar scenes.
Cool Tones Color Card|Cool Tones Color Combinations|Cool Tones Color Schemes
Cool Tones color card and pairing schemes: a curated collection of Cool Tones-themed palettes offering professional Cool Tones color-matching and color-scheme advice, with one-tap copy of HEX and RGB color codes.
🎨 What color should Cool Tones be?
Cool palettes are built on blue, green and purple, as calm and restrained as glaciers and the deep sea. Such pairings convey professionalism, technology and order, and have a contracting, receding visual quality that suits backgrounds supporting the main content; they are used most often in finance, technology and medical scenarios that need a calm, trustworthy atmosphere, making them a cornerstone spectrum for business design.
📋 Features of the Cool Tones color card and palette
The Cool Tones color card on this page gathers several pairing schemes carefully refined around the "Cool 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 Cool Tones palette
The Cool 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.
💡 Cool Tones color-matching tips and experience
1. Clarify the warm-cool protagonist of the composition: in Cool 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 Cool 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.
❓ Cool Tones color pairing FAQ
How do I choose the main color for a Cool Tones palette? Start from the core element you want to highlight in the composition, and within the Cool 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 Cool Tones pairing consistent? The key is to hold to a consistent brightness range and saturation range; the hue can vary freely within the Cool 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 Cool Tones palette on this page
Using the Cool 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 Cool Tones color combinations you have validated into your team's color guidelines, so that every color pairing has a solid basis.