#5A5934
#776D5C
#BE957B
#DFACA6
#645762Umber
#777F9BSlate
#888D72Stone
#A0A793Sage
Smoky Slate & Stone is a muted neutral-based color palette tagged muted, vintage, gray. Built almost entirely from neutrals, with Slate (#777F9B) as the single point of color. 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 steps are gentle (37% to 62%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Sage (#A0A793) is the lightest color, so it belongs on large surfaces.
- Text: Umber (#645762) on #A0A793 gives 2.74:1, so pair it with a darker neutral for body copy.
- Primary: Slate (#777F9B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Stone (#888D72) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Smoky Slate & Stone
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
#645762
#777F9B
#888D72
#A0A793
Color-blind check: under tritanopia, Slate and Stone become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#645762 on #A0A793 | Aa | 2.74:1 | Fail |
#645762 on #888D72 | Aa | 1.98:1 | Fail |
#645762 on #777F9B | Aa | 1.72:1 | Fail |
#777F9B on #A0A793 | Aa | 1.6:1 | Fail |
#888D72 on #A0A793 | Aa | 1.38:1 | Fail |
#777F9B on #888D72 | Aa | 1.15:1 | Fail |
Similar palettes 24 more in this mood
#A1C6CA
#AC976F
#A086A3
#347175
#6D5B3A
#6F658B
#678962
#BAB3E4
#BEC2DE
#A2B98F
#9696AB
#927553
#58737F
#9E8A87
#8EAEC2
#C6B48B
#73684C
#A38580
#829CAF
#B1C2CB
#875659
#AD8A8C
#839AB9
#95A78C
#626442
#57879F
#B5889C
#9BB2C2
#475C4E
#BEA5CC
#CCC49F
#CDC3D7
#666A77
#A58265
#93A3C2
#C7D4A7
#4C5577
#628B6D
#AD8178
#BD9C99
#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#4B3832
#854442
#BE9B7B
#FFF4E6
#A88577
#E4C1AB
#FFEFD7
#719080
#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#688E79
#83B9C6
#B7D3A5
#D0D1D0
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#806E74
#B28375
#B9AEAE
#EBD7C8
#C2F3EA
#DDD8BC
#BEC3B7
#648970
#3D272C
#9B7981
#AC9498
#E4C8CE
#C2C1E5
#FCB9BB
#E7E5B2
#A4F8F9
#927683
#A5A19C
#D2AC9A
#FFD4D5
#DFCEAD
#BFA797
#96978E
#6A8667