#5F7337
#66B87A
#C8B553
#FBB657
#7A4D00Chocolate
#62975BBasil
#ACBD6BPistachio
#DAB700Mustard
Mustard & Pistachio Glow is a vivid split color palette tagged autumn, warm, green. A split scheme: Chocolate plays against Mustard across roughly 75° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Chocolate | #7A4D00 | rgb(122, 77, 0) | hsl(38, 100%, 24%) | oklch(46.0% 0.099 71) | |
| Basil | #62975B | rgb(98, 151, 91) | hsl(113, 25%, 47%) | oklch(62.4% 0.104 142) | |
| Pistachio | #ACBD6B | rgb(172, 189, 107) | hsl(72, 38%, 58%) | oklch(76.7% 0.109 119) | |
| Mustard | #DAB700 | rgb(218, 183, 0) | hsl(50, 100%, 43%) | oklch(78.7% 0.162 95) |
Why it works and how to use it
It works because the lightness steps are gentle (24% to 58%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Mustard (#DAB700) is the lightest color, so it belongs on large surfaces.
- Text: Chocolate (#7A4D00) on #DAB700 gives 3.72:1, enough for large headings only.
- Primary: Pistachio (#ACBD6B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#62975B) 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 Mustard & Pistachio Glow
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
#7A4D00
#62975B
#ACBD6B
#DAB700
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#7A4D00 on #DAB700 | Aa | 3.72:1 | AA large only |
#7A4D00 on #ACBD6B | Aa | 3.55:1 | AA large only |
#7A4D00 on #62975B | Aa | 2.11:1 | Fail |
#62975B on #DAB700 | Aa | 1.76:1 | Fail |
#62975B on #ACBD6B | Aa | 1.68:1 | Fail |
#ACBD6B on #DAB700 | Aa | 1.05:1 | Fail |
Similar palettes 24 more in this mood
#808833
#BD7C00
#D2AC00
#A0DD7B
#E4A71C
#92B100
#CE833A
#706400
#E47716
#FF6459
#E8A800
#FFA1BE
#6A040F
#DC2F02
#F48C06
#FFBA08
#94691E
#B26B7A
#F67664
#FF8725
#644400
#C5701B
#B69A00
#C6CF8F
#FE9AED
#C77D96
#923E00
#8F101F
#8D061D
#6D3D00
#755705
#9A5A3F
#F28AF2
#FC8100
#80284F
#940014
#694600
#972A3B
#A44500
#F497CA
#FF9F67
#DE97A1
#CF8300
#A94134
#664910
#A25500
#9B8D00
#FF9075
#C39B00
#D86A0F
#D4432B
#955F00
#9A3B3B
#C08261
#E2C799
#F2ECBE
#432818
#99582A
#BB9457
#FFE6A7
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#3E2723
#8D5524
#E3A857
#FFF3D6
#5A0F2D
#9E2A2B
#D4A373
#F5EBDD
#5D2521
#A74242
#E76E5F
#FFD7C9
#562523
#B55E4C
#D59C6C
#E7C280
#3B2C23
#86624B
#AD9878
#F5E7C6
#632D40
#A34E58
#F0A465
#FFF9F1