#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#A1B28ASage
#C5DEC1Oat
#889268Moss
#F7F1E8Linen
Moss & Sage Mood is a split color palette tagged muted, white. A split scheme: Sage plays against Linen across roughly 76° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
Why it works and how to use it
With 3 chromatic colors, Oat takes the lead while the rest support. Lightness runs from 49% to 94%. Well suited to websites, presentations and branding.
- Background: Linen (#F7F1E8) is the lightest color, so it belongs on large surfaces.
- Text: Moss (#889268) on #F7F1E8 gives 2.94:1, so pair it with a darker neutral for body copy.
- Primary: Oat (#C5DEC1) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Sage (#A1B28A) 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 Moss & Sage Mood
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
#A1B28A
#C5DEC1
#889268
#F7F1E8
Color-blind check: under protanopia, Oat and Linen 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 |
|---|---|---|---|
#889268 on #F7F1E8 | Aa | 2.94:1 | Fail |
#C5DEC1 on #889268 | Aa | 2.3:1 | Fail |
#A1B28A on #F7F1E8 | Aa | 2.02:1 | Fail |
#A1B28A on #C5DEC1 | Aa | 1.58:1 | Fail |
#A1B28A on #889268 | Aa | 1.45:1 | Fail |
#C5DEC1 on #F7F1E8 | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#1A4D2E
#4F6F52
#E8DFCA
#F5EFE6
#B08968
#DDB892
#E6CCB2
#FFF6EA
#3E2723
#6D4C41
#A1887F
#EFEBE9
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#3D405B
#81B29A
#F2CC8F
#F4F1DE
#7D6E5D
#B9A990
#E7DFD3
#F9F7F3
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#A8DADC
#457B9D
#1D3557
#F1FAEE
#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#4B3832
#854442
#BE9B7B
#FFF4E6
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#5B7B6C
#8AA399
#C4D3CC
#EEF3F0
#1C2541
#465D79
#5BC0BE
#FFFFFF
#FDEFF4
#F7C8D8
#CDE7F0
#5B6C8F
#EAF7EF
#BFE8D2
#F9E1C4
#4A6B5A
#F3ECFA
#D9C6F2
#FFD9C2
#5E4B7A