#FF6B6B
#FFD93D
#6BCB77
#4D96FF
#9FB200Brass
#8ECD52Pistachio
#8BEA9CSeafoam
#1F1F1FRaisin
Juicy Pistachio & Brass is a analogous color palette tagged vibrant, green. Analogous neighbors on the wheel (Brass, Pistachio, Seafoam) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Brass | #9FB200 | rgb(159, 178, 0) | hsl(66, 100%, 35%) | oklch(72.4% 0.167 117) | |
| Pistachio | #8ECD52 | rgb(142, 205, 82) | hsl(91, 55%, 56%) | oklch(78.0% 0.168 132) | |
| Seafoam | #8BEA9C | rgb(139, 234, 156) | hsl(131, 69%, 73%) | oklch(85.8% 0.141 149) | |
| Raisin | #1F1F1F | rgb(31, 31, 31) | hsl(0, 0%, 12%) | oklch(23.9% 0.000 0) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (73% down to 12% lightness). A natural fit for websites, presentations and branding.
- Background: Seafoam (#8BEA9C) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#1F1F1F) on #8BEA9C gives 11.26:1, passing WCAG AAA.
- Primary: Brass (#9FB200) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pistachio (#8ECD52) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Seafoam on Raisin at 11.26:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Juicy Pistachio & Brass
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
#9FB200
#8ECD52
#8BEA9C
#1F1F1F
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#8BEA9C on #1F1F1F | Aa | 11.26:1 | AAA |
#8ECD52 on #1F1F1F | Aa | 8.64:1 | AAA |
#9FB200 on #1F1F1F | Aa | 6.94:1 | AA |
#9FB200 on #8BEA9C | Aa | 1.62:1 | Fail |
#8ECD52 on #8BEA9C | Aa | 1.3:1 | Fail |
#9FB200 on #8ECD52 | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#004B23
#007200
#38B000
#9EF01A
#B22222
#165B33
#F8B229
#FFFFFF
#F94144
#F3722C
#F9C74F
#90BE6D
#00B0CA
#79D213
#00ED9D
#58FDEE
#1F3C00
#2E6E00
#85B400
#C2F177
#E16700
#D98900
#D5D65B
#67C48E
#001A16
#00B6AE
#40D654
#C4F328
#FF595E
#FFCA3A
#8AC926
#1982C4
#397700
#C88C00
#BCB600
#FFC9AC
#00FAA0
#00E1D9
#87BB00
#000906
#4A148C
#006746
#BA68C8
#F3E5F5
#ACBD00
#5FCF64
#FBA255
#FFD262
#CDD61D
#FF9600
#499526
#8F6E00
#D3AB00
#60D968
#BCD355
#FFC893
#B49F00
#DB9744
#97D45A
#63FABD
#39C569
#A1BA5E
#E7BD00
#FFD1A7
#1B5D34
#2C8C28
#56CB35
#E3FFCB
#00B7BA
#00CC9A
#99FA6E
#EBE762
#3EF58F
#7DCD20
#00BFC0
#00A78A
#FF1E3C
#2BFF88
#0B0B0F
#FFF3B0
#72A900
#AC9900
#E29300
#FFD5C5
#0D0221
#5A189A
#39FF14
#FF8C00
#447600
#00A08B
#00D77F
#BFBF32