Morandi Inspired Low Saturation Grays

5 views

Muted Gray 1 #B9B0A6

Muted Gray 2 #C4BEB3

Muted Gray 3 #AFA8A0

Muted Gray 4 #D5D0CB

Muted Gray 5 #C6C3B7

Muted Gray 6 #B8B7B1

Muted Gray 7 #B1AFA1

Muted Gray 8 #D1CFCF

Muted Gray 9 #A8A49D

Muted Gray 10 #C0B6A8

Muted Gray 11 #D0C8C0

Muted Gray 12 #BEB8B3

Muted Gray 13 #D7D2C8

Muted Gray 14 #C5BFB6

Muted Gray 15 #A89F94

Muted Gray 16 #B3AFA3

Muted Gray 17 #D8D5D1

Muted Gray 18 #B2ACAA

Muted Gray 19 #BEB5AD

Muted Gray 20 #C3BFB7

Muted Gray 21 #D1C6C2

Muted Gray 22 #AFA6A1

Muted Gray 23 #C8B0A8

Muted Gray 24 #D4C8C2

Muted Gray 25 #C9C6C1

Muted Gray 26 #AFA8A5

Muted Gray 27 #B8B2B0

Muted Gray 28 #D6D3D0

Muted Gray 29 #C3BDB8

Muted Gray 30 #B0A8A1

Muted Gray 31 #D1C6C8

Muted Gray 32 #B2AFA8

Muted Gray 33 #D7D4D1

Muted Gray 34 #C6C1BC

Muted Gray 35 #B6B0A9

Muted Gray 36 #C1B7B3

Muted Gray 37 #D4D1C9

Muted Gray 38 #B9B5B1

Muted Gray 39 #C0B6B0

Muted Gray 40 #D1D0C6

Muted Gray 41 #B4AFA6

Muted Gray 42 #B9B4B0

Muted Gray 43 #D0C9C5

Muted Gray 44 #AFA8A4

Muted Gray 45 #C5BEB6

Muted Gray 46 #B6B3B2

Muted Gray 47 #D5D2D0

Muted Gray 48 #C0B8B3

Muted Gray 49 #A89F97

Muted Gray 50 #B3B0A5

Muted Gray 51 #D8D5CC

Muted Gray 52 #C4BFB9

Muted Gray 53 #B2AFA4

Muted Gray 54 #C8C2C0

Muted Gray 55 #D1C6C4

Muted Gray 56 #B6B2AC

Muted Gray 57 #C3B5B0

Muted Gray 58 #D5D2CB

Muted Gray 59 #B4B2A9

Muted Gray 60 #C7B9B5

Muted Gray 61 #D0C8C6

Muted Gray 62 #B7B2AA

Muted Gray 63 #C4B9B0

Muted Gray 64 #D2CFC9

Muted Gray 65 #B0AFA2

Muted Gray 66 #C6B7B4

Muted Gray 67 #D5D1D0

Muted Gray 68 #B8B3AF

Muted Gray 69 #C2B5B1

Muted Gray 70 #D6D3D2

Muted Gray 71 #B2AFA8

Muted Gray 72 #C9C2BF

Muted Gray 73 #D2C9C7

Muted Gray 74 #B6B2A9

Muted Gray 75 #C0B6B2

Muted Gray 76 #D1C8C4

Muted Gray 77 #B7B2A7

Muted Gray 78 #C6B4B0

Muted Gray 79 #D5D2D1

Muted Gray 80 #B8B1A8

#B9B0A6 Muted Gray 1

#C4BEB3 Muted Gray 2

#AFA8A0 Muted Gray 3

#D5D0CB Muted Gray 4

#C6C3B7 Muted Gray 5

#B8B7B1 Muted Gray 6

#B1AFA1 Muted Gray 7

#D1CFCF Muted Gray 8

#A8A49D Muted Gray 9

#C0B6A8 Muted Gray 10

#D0C8C0 Muted Gray 11

#BEB8B3 Muted Gray 12

#D7D2C8 Muted Gray 13

#C5BFB6 Muted Gray 14

#A89F94 Muted Gray 15

#B3AFA3 Muted Gray 16

#D8D5D1 Muted Gray 17

#B2ACAA Muted Gray 18

#BEB5AD Muted Gray 19

#C3BFB7 Muted Gray 20

#D1C6C2 Muted Gray 21

#AFA6A1 Muted Gray 22

#C8B0A8 Muted Gray 23

#D4C8C2 Muted Gray 24

#C9C6C1 Muted Gray 25

#AFA8A5 Muted Gray 26

#B8B2B0 Muted Gray 27

#D6D3D0 Muted Gray 28

#C3BDB8 Muted Gray 29

#B0A8A1 Muted Gray 30

#D1C6C8 Muted Gray 31

#B2AFA8 Muted Gray 32

#D7D4D1 Muted Gray 33

#C6C1BC Muted Gray 34

#B6B0A9 Muted Gray 35

#C1B7B3 Muted Gray 36

#D4D1C9 Muted Gray 37

#B9B5B1 Muted Gray 38

#C0B6B0 Muted Gray 39

#D1D0C6 Muted Gray 40

#B4AFA6 Muted Gray 41

#B9B4B0 Muted Gray 42

#D0C9C5 Muted Gray 43

#AFA8A4 Muted Gray 44

#C5BEB6 Muted Gray 45

#B6B3B2 Muted Gray 46

#D5D2D0 Muted Gray 47

#C0B8B3 Muted Gray 48

#A89F97 Muted Gray 49

#B3B0A5 Muted Gray 50

#D8D5CC Muted Gray 51

#C4BFB9 Muted Gray 52

#B2AFA4 Muted Gray 53

#C8C2C0 Muted Gray 54

#D1C6C4 Muted Gray 55

#B6B2AC Muted Gray 56

#C3B5B0 Muted Gray 57

#D5D2CB Muted Gray 58

#B4B2A9 Muted Gray 59

#C7B9B5 Muted Gray 60

#D0C8C6 Muted Gray 61

#B7B2AA Muted Gray 62

#C4B9B0 Muted Gray 63

#D2CFC9 Muted Gray 64

#B0AFA2 Muted Gray 65

#C6B7B4 Muted Gray 66

#D5D1D0 Muted Gray 67

#B8B3AF Muted Gray 68

#C2B5B1 Muted Gray 69

#D6D3D2 Muted Gray 70

#B2AFA8 Muted Gray 71

#C9C2BF Muted Gray 72

#D2C9C7 Muted Gray 73

#B6B2A9 Muted Gray 74

#C0B6B2 Muted Gray 75

#D1C8C4 Muted Gray 76

#B7B2A7 Muted Gray 77

#C6B4B0 Muted Gray 78

#D5D2D1 Muted Gray 79

#B8B1A8 Muted Gray 80

Morandi-Inspired Low Saturation Grays

About This Color Palette

根据您的请求，我为您生成了一个低饱和度的灰色调色板，灵感来自于莫兰迪色。以下是调色板的JSON对象：

json
{
  "palette_name": "Morandi-Inspired Low Saturation Grays",
  "colors": [
    {
      "name": "Muted Gray 1",
      "hex_code": "
          
          #B9B0A6
       "
    },
    {
      "name": "Muted Gray 2",
      "hex_code": "
          
          #C4BEB3
       "
    },
    {
      "name": "Muted Gray 3",
      "hex_code": "
          
          #AFA8A0
       "
    },
    {
      "name": "Muted Gray 4",
      "hex_code": "
          
          #D5D0CB
       "
    },
    {
      "name": "Muted Gray 5",
      "hex_code": "
          
          #C6C3B7
       "
    },
    {
      "name": "Muted Gray 6",
      "hex_code": "
          
          #B8B7B1
       "
    },
    {
      "name": "Muted Gray 7",
      "hex_code": "
          
          #B1AFA1
       "
    },
    {
      "name": "Muted Gray 8",
      "hex_code": "
          
          #D1CFCF
       "
    },
    {
      "name": "Muted Gray 9",
      "hex_code": "
          
          #A8A49D
       "
    },
    {
      "name": "Muted Gray 10",
      "hex_code": "
          
          #C0B6A8
       "
    },
    {
      "name": "Muted Gray 11",
      "hex_code": "
          
          #D0C8C0
       "
    },
    {
      "name": "Muted Gray 12",
      "hex_code": "
          
          #BEB8B3
       "
    },
    {
      "name": "Muted Gray 13",
      "hex_code": "
          
          #D7D2C8
       "
    },
    {
      "name": "Muted Gray 14",
      "hex_code": "
          
          #C5BFB6
       "
    },
    {
      "name": "Muted Gray 15",
      "hex_code": "
          
          #A89F94
       "
    },
    {
      "name": "Muted Gray 16",
      "hex_code": "
          
          #B3AFA3
       "
    },
    {
      "name": "Muted Gray 17",
      "hex_code": "
          
          #D8D5D1
       "
    },
    {
      "name": "Muted Gray 18",
      "hex_code": "
          
          #B2ACAA
       "
    },
    {
      "name": "Muted Gray 19",
      "hex_code": "
          
          #BEB5AD
       "
    },
    {
      "name": "Muted Gray 20",
      "hex_code": "
          
          #C3BFB7
       "
    },
    {
      "name": "Muted Gray 21",
      "hex_code": "
          
          #D1C6C2
       "
    },
    {
      "name": "Muted Gray 22",
      "hex_code": "
          
          #AFA6A1
       "
    },
    {
      "name": "Muted Gray 23",
      "hex_code": "
          
          #C8B0A8
       "
    },
    {
      "name": "Muted Gray 24",
      "hex_code": "
          
          #D4C8C2
       "
    },
    {
      "name": "Muted Gray 25",
      "hex_code": "
          
          #C9C6C1
       "
    },
    {
      "name": "Muted Gray 26",
      "hex_code": "
          
          #AFA8A5
       "
    },
    {
      "name": "Muted Gray 27",
      "hex_code": "
          
          #B8B2B0
       "
    },
    {
      "name": "Muted Gray 28",
      "hex_code": "
          
          #D6D3D0
       "
    },
    {
      "name": "Muted Gray 29",
      "hex_code": "
          
          #C3BDB8
       "
    },
    {
      "name": "Muted Gray 30",
      "hex_code": "
          
          #B0A8A1
       "
    },
    {
      "name": "Muted Gray 31",
      "hex_code": "
          
          #D1C6C8
       "
    },
    {
      "name": "Muted Gray 32",
      "hex_code": "
          
          #B2AFA8
       "
    },
    {
      "name": "Muted Gray 33",
      "hex_code": "
          
          #D7D4D1
       "
    },
    {
      "name": "Muted Gray 34",
      "hex_code": "
          
          #C6C1BC
       "
    },
    {
      "name": "Muted Gray 35",
      "hex_code": "
          
          #B6B0A9
       "
    },
    {
      "name": "Muted Gray 36",
      "hex_code": "
          
          #C1B7B3
       "
    },
    {
      "name": "Muted Gray 37",
      "hex_code": "
          
          #D4D1C9
       "
    },
    {
      "name": "Muted Gray 38",
      "hex_code": "
          
          #B9B5B1
       "
    },
    {
      "name": "Muted Gray 39",
      "hex_code": "
          
          #C0B6B0
       "
    },
    {
      "name": "Muted Gray 40",
      "hex_code": "
          
          #D1D0C6
       "
    },
    {
      "name": "Muted Gray 41",
      "hex_code": "
          
          #B4AFA6
       "
    },
    {
      "name": "Muted Gray 42",
      "hex_code": "
          
          #B9B4B0
       "
    },
    {
      "name": "Muted Gray 43",
      "hex_code": "
          
          #D0C9C5
       "
    },
    {
      "name": "Muted Gray 44",
      "hex_code": "
          
          #AFA8A4
       "
    },
    {
      "name": "Muted Gray 45",
      "hex_code": "
          
          #C5BEB6
       "
    },
    {
      "name": "Muted Gray 46",
      "hex_code": "
          
          #B6B3B2
       "
    },
    {
      "name": "Muted Gray 47",
      "hex_code": "
          
          #D5D2D0
       "
    },
    {
      "name": "Muted Gray 48",
      "hex_code": "
          
          #C0B8B3
       "
    },
    {
      "name": "Muted Gray 49",
      "hex_code": "
          
          #A89F97
       "
    },
    {
      "name": "Muted Gray 50",
      "hex_code": "
          
          #B3B0A5
       "
    },
    {
      "name": "Muted Gray 51",
      "hex_code": "
          
          #D8D5CC
       "
    },
    {
      "name": "Muted Gray 52",
      "hex_code": "
          
          #C4BFB9
       "
    },
    {
      "name": "Muted Gray 53",
      "hex_code": "
          
          #B2AFA4
       "
    },
    {
      "name": "Muted Gray 54",
      "hex_code": "
          
          #C8C2C0
       "
    },
    {
      "name": "Muted Gray 55",
      "hex_code": "
          
          #D1C6C4
       "
    },
    {
      "name": "Muted Gray 56",
      "hex_code": "
          
          #B6B2AC
       "
    },
    {
      "name": "Muted Gray 57",
      "hex_code": "
          
          #C3B5B0
       "
    },
    {
      "name": "Muted Gray 58",
      "hex_code": "
          
          #D5D2CB
       "
    },
    {
      "name": "Muted Gray 59",
      "hex_code": "
          
          #B4B2A9
       "
    },
    {
      "name": "Muted Gray 60",
      "hex_code": "
          
          #C7B9B5
       "
    },
    {
      "name": "Muted Gray 61",
      "hex_code": "
          
          #D0C8C6
       "
    },
    {
      "name": "Muted Gray 62",
      "hex_code": "
          
          #B7B2AA
       "
    },
    {
      "name": "Muted Gray 63",
      "hex_code": "
          
          #C4B9B0
       "
    },
    {
      "name": "Muted Gray 64",
      "hex_code": "
          
          #D2CFC9
       "
    },
    {
      "name": "Muted Gray 65",
      "hex_code": "
          
          #B0AFA2
       "
    },
    {
      "name": "Muted Gray 66",
      "hex_code": "
          
          #C6B7B4
       "
    },
    {
      "name": "Muted Gray 67",
      "hex_code": "
          
          #D5D1D0
       "
    },
    {
      "name": "Muted Gray 68",
      "hex_code": "
          
          #B8B3AF
       "
    },
    {
      "name": "Muted Gray 69",
      "hex_code": "
          
          #C2B5B1
       "
    },
    {
      "name": "Muted Gray 70",
      "hex_code": "
          
          #D6D3D2
       "
    },
    {
      "name": "Muted Gray 71",
      "hex_code": "
          
          #B2AFA8
       "
    },
    {
      "name": "Muted Gray 72",
      "hex_code": "
          
          #C9C2BF
       "
    },
    {
      "name": "Muted Gray 73",
      "hex_code": "
          
          #D2C9C7
       "
    },
    {
      "name": "Muted Gray 74",
      "hex_code": "
          
          #B6B2A9
       "
    },
    {
      "name": "Muted Gray 75",
      "hex_code": "
          
          #C0B6B2
       "
    },
    {
      "name": "Muted Gray 76",
      "hex_code": "
          
          #D1C8C4
       "
    },
    {
      "name": "Muted Gray 77",
      "hex_code": "
          
          #B7B2A7
       "
    },
    {
      "name": "Muted Gray 78",
      "hex_code": "
          
          #C6B4B0
       "
    },
    {
      "name": "Muted Gray 79",
      "hex_code": "
          
          #D5D2D1
       "
    },
    {
      "name": "Muted Gray 80",
      "hex_code": "
          
          #B8B1A8
       "
    }
  ]
}

这个调色板包含80种低饱和度的灰色，非常适合用于优雅和柔和的设计风格。您还有其他需求或问题吗？

Customize Preview Colors

Upgrade to Pro

Primary

Secondary

Accent

Surface

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

Shades & Tints

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

Muted Gray 1

#B9B0A6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 2

#C4BEB3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 3

#AFA8A0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 4

#D5D0CB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 5

#C6C3B7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 6

#B8B7B1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 7

#B1AFA1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 8

#D1CFCF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 9

#A8A49D

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 10

#C0B6A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 11

#D0C8C0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 12

#BEB8B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 13

#D7D2C8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 14

#C5BFB6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 15

#A89F94

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 16

#B3AFA3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 17

#D8D5D1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 18

#B2ACAA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 19

#BEB5AD

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 20

#C3BFB7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 21

#D1C6C2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 22

#AFA6A1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 23

#C8B0A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 24

#D4C8C2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 25

#C9C6C1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 26

#AFA8A5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 27

#B8B2B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 28

#D6D3D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 29

#C3BDB8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 30

#B0A8A1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 31

#D1C6C8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 32

#B2AFA8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 33

#D7D4D1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 34

#C6C1BC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 35

#B6B0A9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 36

#C1B7B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 37

#D4D1C9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 38

#B9B5B1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 39

#C0B6B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 40

#D1D0C6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 41

#B4AFA6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 42

#B9B4B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 43

#D0C9C5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 44

#AFA8A4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 45

#C5BEB6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 46

#B6B3B2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 47

#D5D2D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 48

#C0B8B3

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 49

#A89F97

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 50

#B3B0A5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 51

#D8D5CC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 52

#C4BFB9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 53

#B2AFA4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 54

#C8C2C0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 55

#D1C6C4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 56

#B6B2AC

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 57

#C3B5B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 58

#D5D2CB

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 59

#B4B2A9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 60

#C7B9B5

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 61

#D0C8C6

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 62

#B7B2AA

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 63

#C4B9B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 64

#D2CFC9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 65

#B0AFA2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 66

#C6B7B4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 67

#D5D1D0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 68

#B8B3AF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 69

#C2B5B1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 70

#D6D3D2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 71

#B2AFA8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 72

#C9C2BF

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 73

#D2C9C7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 74

#B6B2A9

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 75

#C0B6B2

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 76

#D1C8C4

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 77

#B7B2A7

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 78

#C6B4B0

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 79

#D5D2D1

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Muted Gray 80

#B8B1A8

Tints

(Mixed with white - lighter)

Original

Shades

(Mixed with black - darker)

Copied!

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 Contrast Fix Suggestions

Suggests background & text tweaks to reach WCAG targets.

Optional guidance

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

#1B4D7A

#C0527D

#FF6F20

#3B3B3B

#EAEAE1

Hollow Knight Inspired

#EFA3A3

#FFA500

#FFFFFF

#A4D8E1

#005F85

#007B9A

#003D5B

Water-Inspired Flat Design with Yellow-Orange Background

573

#A4B8B3

#E1C6B0

#D5C0C7

#B7B19D

#D5C2B5

Expanded Morandi Palette

128

#A3B1C6

#B2C8B1

#EAB8C8

#D6CFC4

#D1C6E7

Morandi Palette

169

#B7C9B8

#D3B5B0

#D1C9D0

#A5B8C2

#E0B4A0

Morandi Palette

355

#D8CFC4

#A4A37A

#B7C9D9

#A49A8D

#E2B7A0

Morandi Earth Tones

596

HueHive

Morandi Inspired Low Saturation Grays

About This Color Palette

Customize Preview Colors

Overview

Revenue Growth

Build something amazing

Fast Performance

Secure by Default

Easy to Use

Good Morning

Today

SummerSale

Logo Variations

Business Card

Type Scale

Heading 1

Heading 2

Heading 3

Heading 4

Article Layout

The Future of Color

Why it matters

Abstract

Download Files

SVG Vector

PDF Document

Adobe ASE

CSV Data

Sketch Palette

Figma Tokens

Copy Code

Original Palette

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Shades & Tints

Muted Gray 1

Tints

Original

Shades

Muted Gray 2

Tints

Original

Shades

Muted Gray 3

Tints

Original

Shades

Muted Gray 4

Tints

Original

Shades

Muted Gray 5

Tints

Original

Shades

Muted Gray 6

Tints

Original

Shades

Muted Gray 7

Tints

Original

Shades

Muted Gray 8

Tints

Original

Shades

Muted Gray 9

Tints

Original

Shades

Muted Gray 10

Tints

Original

Shades

Muted Gray 11

Tints

Summer
Sale