#3B2E23
#6B5A3E
#8FA26B
#EEF0E4
#414832Taupe
#6E7756Shadow
#A5AD88Sage
#F2F2EBLinen
Sage & Shadow Mist is a muted monochromatic color palette tagged nature, muted, minimal. A monochromatic set: the same hue family from Taupe down to Linen. Saturation stays low across the board, giving it a calm, editorial feel.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (24% to 94%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.
- Background: Linen (#F2F2EB) is the lightest color, so it belongs on large surfaces.
- Text: Taupe (#414832) on #F2F2EB gives 8.5:1, passing WCAG AAA.
- Primary: Sage (#A5AD88) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Shadow (#6E7756) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Taupe on Linen at 8.5:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Sage & Shadow Mist
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#414832
#6E7756
#A5AD88
#F2F2EB
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#414832 on #F2F2EB | Aa | 8.5:1 | AAA |
#6E7756 on #F2F2EB | Aa | 4.21:1 | AA large only |
#414832 on #A5AD88 | Aa | 4.06:1 | AA large only |
#A5AD88 on #F2F2EB | Aa | 2.09:1 | Fail |
#414832 on #6E7756 | Aa | 2.02:1 | Fail |
#6E7756 on #A5AD88 | Aa | 2.01:1 | Fail |
Similar palettes 24 more in this mood
#4F4236
#827053
#A4B77F
#FAFCEF
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#3F5A36
#7A9B5C
#C9D8A8
#F9F8F1
#56724D
#96B878
#E4F3C2
#FBFAF3
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#467450
#79AB79
#C7E8B8
#F7FDF1
#69483D
#A17762
#CBB4A1
#6A7A81
#525F34
#869656
#BECC85
#FCFBEF
#A27A6D
#DEAD95
#FFEAD9
#9EB1BA
#3E2723
#6D4C41
#A1887F
#EFEBE9
#3E4A1F
#6B7A3A
#A3B06A
#F3F2E6
#40513B
#609966
#9DC08B
#EDF1D6
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#FFF3EC
#FFD3BF
#FFB39B
#6E5147
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C6CD7D
#EA8D6D
#A59775
#864D00
#78A89A
#55849E
#005756
#003741
#94364E
#915A0E
#CC9F91
#C7C09A
#603E2D
#9D6B03
#7F9A6E
#ADA643
#213C04
#356344
#1C8888
#6F9C8F