#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
#6B8267Shadow
#8F9B6AMoss
#7AB496Sage
#C6BD89Sand
Sage & Moss Sky is a split color palette tagged vintage, muted. A split scheme: Moss plays against Sand across roughly 98° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Shadow | #6B8267 | rgb(107, 130, 103) | hsl(111, 12%, 46%) | oklch(58.1% 0.049 141) | |
| Moss | #8F9B6A | rgb(143, 155, 106) | hsl(75, 20%, 51%) | oklch(66.7% 0.070 120) | |
| Sage | #7AB496 | rgb(122, 180, 150) | hsl(149, 28%, 59%) | oklch(72.1% 0.075 161) | |
| Sand | #C6BD89 | rgb(198, 189, 137) | hsl(51, 35%, 66%) | oklch(79.3% 0.070 99) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (66% down to 46% lightness). A natural fit for websites, presentations and branding.
- Background: Sand (#C6BD89) is the lightest color, so it belongs on large surfaces.
- Text: Shadow (#6B8267) on #C6BD89 gives 2.2:1, so pair it with a darker neutral for body copy.
- Primary: Sage (#7AB496) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Moss (#8F9B6A) 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 Sage & Moss Sky
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
#6B8267
#8F9B6A
#7AB496
#C6BD89
Color-blind check: under protanopia, Sage and Sand 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 |
|---|---|---|---|
#6B8267 on #C6BD89 | Aa | 2.2:1 | Fail |
#6B8267 on #7AB496 | Aa | 1.75:1 | Fail |
#8F9B6A on #C6BD89 | Aa | 1.56:1 | Fail |
#6B8267 on #8F9B6A | Aa | 1.41:1 | Fail |
#7AB496 on #C6BD89 | Aa | 1.26:1 | Fail |
#8F9B6A on #7AB496 | Aa | 1.25:1 | Fail |
Similar palettes 24 more in this mood
#3D405B
#81B29A
#F2CC8F
#F4F1DE
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#22223B
#595D79
#9A8C98
#F2E9E4
#4B3832
#854442
#BE9B7B
#FFF4E6
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#A88577
#E4C1AB
#FFEFD7
#719080
#4A5D7E
#7F92B0
#D8D2C4
#F1EDE4
#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#6B6F4A
#9C9E74
#D9CFAF
#F3EEE2
#7A5C4A
#B08F73
#E3CDB0
#F8F1E6
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#5A5934
#776D5C
#BE957B
#DFACA6
#725352
#41676A
#B6787B
#8EC3CE
#A694D2
#BF768E
#6879A2
#724370
#5C302C
#AD9878
#86624B
#F5E7C6
#585881
#4F748D
#B69ED1
#8FB2F0
#A1CC93
#AAA9C7
#BA955A
#7C7A95
#645762
#777F9B
#888D72
#A0A793
#875659
#AD8A8C
#839AB9
#95A78C
#C898D0
#7DA693
#636144
#664C73
#A17669
#B1809F
#BE8A57
#EEA1AD
#626442
#57879F
#B5889C
#9BB2C2
#475C4E
#BEA5CC
#CCC49F
#CDC3D7