Muted Map Palette

18 views
Muted Green #4A7C2D
Muted Green Variation 1 #5A9A3D
Muted Green Variation 2 #6ABF4D
Muted Green Variation 3 #7AD05D
Muted Green Variation 4 #8AE26D
Soft Yellow-Green 1 #B0C36A
Soft Yellow-Green 2 #C4D78B
Soft Yellow-Green 3 #D8E5A1
Bright Yellow-Green #E3E74A
Light Yellow-Green #E9E99B
Unique Color #C2B280
Muted Brown #8B5742
Muted Brown Variation 1 #9B6A52
Muted Brown Variation 2 #AD7D62
Muted Brown Variation 3 #C18F72
Light Brown #D2AFA2
Strong Teal #005B5B
Strong Teal Variation 1 #007B7B
Strong Teal Variation 2 #009B9B
Strong Burgundy #4A2231
Strong Burgundy Variation 1 #6B2D3B
Strong Burgundy Variation 2 #8C3845
Muted Gray #A0A0A0
Light Gray #BFBFBF
Dark Gray #7D7D7D
#4A7C2D Muted Green
#5A9A3D Muted Green Variation 1
#6ABF4D Muted Green Variation 2
#7AD05D Muted Green Variation 3
#8AE26D Muted Green Variation 4
#B0C36A Soft Yellow-Green 1
#C4D78B Soft Yellow-Green 2
#D8E5A1 Soft Yellow-Green 3
#E3E74A Bright Yellow-Green
#E9E99B Light Yellow-Green
#C2B280 Unique Color
#8B5742 Muted Brown
#9B6A52 Muted Brown Variation 1
#AD7D62 Muted Brown Variation 2
#C18F72 Muted Brown Variation 3
#D2AFA2 Light Brown
#005B5B Strong Teal
#007B7B Strong Teal Variation 1
#009B9B Strong Teal Variation 2
#4A2231 Strong Burgundy
#6B2D3B Strong Burgundy Variation 1
#8C3845 Strong Burgundy Variation 2
#A0A0A0 Muted Gray
#BFBFBF Light Gray
#7D7D7D Dark Gray

About This Color Palette

Based on your request for a muted color palette suitable for a map, I have generated a palette with 24 colors following your specified guidelines. Below is the JSON representation of the color palette:

json
{
  "palette_name": "Muted Map Palette",
  "colors": [
    {
      "name": "Muted Green",
      "hex_code": "
          
          #4A7C2D
       "
    },
    {
      "name": "Muted Green Variation 1",
      "hex_code": "
          
          #5A9A3D
       "
    },
    {
      "name": "Muted Green Variation 2",
      "hex_code": "
          
          #6ABF4D
       "
    },
    {
      "name": "Muted Green Variation 3",
      "hex_code": "
          
          #7AD05D
       "
    },
    {
      "name": "Muted Green Variation 4",
      "hex_code": "
          
          #8AE26D
       "
    },
    {
      "name": "Soft Yellow-Green 1",
      "hex_code": "
          
          #B0C36A
       "
    },
    {
      "name": "Soft Yellow-Green 2",
      "hex_code": "
          
          #C4D78B
       "
    },
    {
      "name": "Soft Yellow-Green 3",
      "hex_code": "
          
          #D8E5A1
       "
    },
    {
      "name": "Bright Yellow-Green",
      "hex_code": "
          
          #E3E74A
       "
    },
    {
      "name": "Light Yellow-Green",
      "hex_code": "
          
          #E9E99B
       "
    },
    {
      "name": "Unique Color",
      "hex_code": "
          
          #C2B280
       "
    },
    {
      "name": "Muted Brown",
      "hex_code": "
          
          #8B5742
       "
    },
    {
      "name": "Muted Brown Variation 1",
      "hex_code": "
          
          #9B6A52
       "
    },
    {
      "name": "Muted Brown Variation 2",
      "hex_code": "
          
          #AD7D62
       "
    },
    {
      "name": "Muted Brown Variation 3",
      "hex_code": "
          
          #C18F72
       "
    },
    {
      "name": "Light Brown",
      "hex_code": "
          
          #D2AFA2
       "
    },
    {
      "name": "Strong Teal",
      "hex_code": "
          
          #005B5B
       "
    },
    {
      "name": "Strong Teal Variation 1",
      "hex_code": "
          
          #007B7B
       "
    },
    {
      "name": "Strong Teal Variation 2",
      "hex_code": "
          
          #009B9B
       "
    },
    {
      "name": "Strong Burgundy",
      "hex_code": "
          
          #4A2231
       "
    },
    {
      "name": "Strong Burgundy Variation 1",
      "hex_code": "
          
          #6B2D3B
       "
    },
    {
      "name": "Strong Burgundy Variation 2",
      "hex_code": "
          
          #8C3845
       "
    },
    {
      "name": "Muted Gray",
      "hex_code": "
          
          #A0A0A0
       "
    },
    {
      "name": "Light Gray",
      "hex_code": "
          
          #BFBFBF
       "
    },
    {
      "name": "Dark Gray",
      "hex_code": "
          
          #7D7D7D
       "
    }
  ]
}

Palette Description:

This muted palette consists of 24 colors tailored for a map design, with a focus on muted and neutral tones. The first color is a strong muted green with four variations that capture different shades of green. The second color is a soft yellow-green with six variations, three of which are more vibrant and three that serve as lighter tones for subtler distinctions. The third color is a unique, muted brown. The fourth color is a muted brown with three tonal variations. The fifth color features a strong teal with three variations, while the sixth color is a strong burgundy with three tonal variations, providing hachure options for the map. Finally, the palette includes various shades of gray to complement the overall muted aesthetic.

If you have any specific preferences for additional adjustments or variations, feel free to let me know!

Customize Preview Colors

Upgrade to Pro
C
Croma
Dashboard
Analytics
Customers
Settings
John Doe
Admin
Search...

Overview

Welcome back, here's what's happening today.

+12%
$45,231
Total Revenue
+12%
2,345
Active Users
+12%
128
New Orders

Revenue Growth

Brand
Features Pricing About

Build something amazing

Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.

Fast Performance

Optimized for speed and efficiency.

Secure by Default

Enterprise-grade security built-in.

Easy to Use

Intuitive interface for everyone.

9:41

Good Morning

Here's your daily update

Today

Design Review
10:00 AM
Team Meeting
11:30 AM
Lunch Break
1:00 PM
Project Focus
2:00 PM
Home
Search
Profile
B
BrandName
Sponsored
...
New Collection

Summer
Sale

Get up to 50% off on all items.

1,234 likes
BrandName Don't miss out on our biggest sale of the season! #summersale #fashion

Logo Variations

B
BrandName
B
BrandName

Business Card

B
BrandName

John Doe

Creative Director

john.doe@brandname.com

+1 (555) 123-4567

www.brandname.com

Type Scale

Heading 1

Bold / 48px

Heading 2

Bold / 36px

Heading 3

Bold / 30px

Heading 4

Bold / 24px

Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Regular / 16px

Article Layout

Design Trends

The Future of Color

Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.

"Color is a power which directly influences the soul."

Why it matters

Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.

Abstract

Composition #01

Download Files

Copy Code

variables.css

          

Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.

Original Palette

Protanopia

Red-blind (approx. 1% of men)

Deuteranopia

Green-blind (approx. 1% of men)

Tritanopia

Blue-blind (very rare)

Achromatopsia

Total color blindness (monochromacy)

Shades & Tints

Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.

Muted Green

#4A7C2D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Green Variation 1

#5A9A3D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Green Variation 2

#6ABF4D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Green Variation 3

#7AD05D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Green Variation 4

#8AE26D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Yellow-Green 1

#B0C36A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Yellow-Green 2

#C4D78B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Soft Yellow-Green 3

#D8E5A1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Bright Yellow-Green

#E3E74A

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Yellow-Green

#E9E99B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Unique Color

#C2B280

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Brown

#8B5742

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Brown Variation 1

#9B6A52

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Brown Variation 2

#AD7D62

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Brown Variation 3

#C18F72

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Brown

#D2AFA2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Strong Teal

#005B5B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Strong Teal Variation 1

#007B7B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Strong Teal Variation 2

#009B9B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Strong Burgundy

#4A2231

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Strong Burgundy Variation 1

#6B2D3B

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Strong Burgundy Variation 2

#8C3845

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray

#A0A0A0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Light Gray

#BFBFBF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Dark Gray

#7D7D7D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Color Theory Analysis

Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.

Upgrade to Pro

Color Wheel Distribution

Harmony Analysis

Dominant Temperature

--

Harmony Type

--

Analyzing color relationships...

Color Values (HSL)

Background Color

#

Colors

Text Color

#

Colors

Preview & Analysis

Aa

The quick brown fox jumps over the lazy dog.

Contrast Ratio --

Normal Text

WCAG AA --
WCAG AAA --

Large Text

WCAG AA --
WCAG AAA --
AI

AI Contrast Fix Suggestions

Suggests background & text tweaks to reach WCAG targets.

Log in to unlock 3 free AI tries

Ready to suggest tweaks for AA/AAA.

Suggested pairs

Shortest hop that clears WCAG AA/AAA.

Current: --
Run “Suggest Fixes” to see AI options.

Understanding Contrast Ratios

4.5:1 (Level AA)

The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.

7.0:1 (Level AAA)

The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.

What counts as Large Text?

WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.

Why it matters

Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.

Other Similar Palettes

#7A9A7A
#A4BFA4
#B2D1B2
#C8E3C8
#D0E1A5
#E0E8B1
#E7E9C5
#B8AFA5
#8B6B4D
#C2B18C
#D4C4A4
#EAE0D5
#A66A6A
#C39A9A
#E6B2B2
#F2D0D0
#4C6B8B
#7A9FC6
#A8C3DB
#C2D9E5
#7C7C7C
#A8A8A8
#D6D6D6
#E8E8E8
#D2C6B6
#1C4E79
#4A7C59
#C65D4F
#D6B200
#E4D5B0
#5A8EBA
#D4AF37
#F5F5F5
#333333
#A4C8E1
#4B5563
#E5E1D5
#A3B0C2
#B89F8D
#FFFFFF
#303030
#606030
#000000
#909090
#F0F030
#C0C0C0
#909090
#303030
#606060
#C03030
#BBB6A8

Update Your Palette

Current Palette

Muted Green
Muted Green Variation 1
Muted Green Variation 2
Muted Green Variation 3
Muted Green Variation 4
Soft Yellow-Green 1
Soft Yellow-Green 2
Soft Yellow-Green 3
Bright Yellow-Green
Light Yellow-Green
Unique Color
Muted Brown
Muted Brown Variation 1
Muted Brown Variation 2
Muted Brown Variation 3
Light Brown
Strong Teal
Strong Teal Variation 1
Strong Teal Variation 2
Strong Burgundy
Strong Burgundy Variation 1
Strong Burgundy Variation 2
Muted Gray
Light Gray
Dark Gray

Muted Map Palette

Try these examples:

New to HueHive? 🎨

Discover AI-powered color tools