#D4B693
#B18974
#8E974C
#896F00
#693A2EWalnut
#A47119Copper
#A8BD59Pistachio
#BDEEB8Celadon
Pistachio & Copper Whisper is a split color palette tagged warm, earthy, brown. A split scheme: Walnut plays against Celadon across roughly 102° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Walnut | #693A2E | rgb(105, 58, 46) | hsl(12, 39%, 30%) | oklch(40.4% 0.070 35) | |
| Copper | #A47119 | rgb(164, 113, 25) | hsl(38, 74%, 37%) | oklch(58.7% 0.116 75) | |
| Pistachio | #A8BD59 | rgb(168, 189, 89) | hsl(73, 43%, 55%) | oklch(76.1% 0.129 119) | |
| Celadon | #BDEEB8 | rgb(189, 238, 184) | hsl(114, 61%, 83%) | oklch(90.1% 0.088 142) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (83% down to 30% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Celadon (#BDEEB8) is the lightest color, so it belongs on large surfaces.
- Text: Walnut (#693A2E) on #BDEEB8 gives 7.16:1, passing WCAG AAA.
- Primary: Copper (#A47119) is the most saturated mid-tone; use it for buttons and links (3.25:1 against the background, fine for UI elements).
- Accent: Pistachio (#A8BD59) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Walnut on Celadon at 7.16:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pistachio & Copper Whisper
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
#693A2E
#A47119
#A8BD59
#BDEEB8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#693A2E on #BDEEB8 | Aa | 7.16:1 | AAA |
#693A2E on #A8BD59 | Aa | 4.49:1 | AA large only |
#A47119 on #BDEEB8 | Aa | 3.25:1 | AA large only |
#693A2E on #A47119 | Aa | 2.21:1 | Fail |
#A47119 on #A8BD59 | Aa | 2.04:1 | Fail |
#A8BD59 on #BDEEB8 | Aa | 1.59:1 | Fail |
Similar palettes 24 more in this mood
#7F6000
#B8885D
#B3B96E
#AEE699
#673D22
#6C5936
#949761
#B3D6AC
#B9EDCE
#8CA863
#807239
#6C4419
#7B3F00
#C98A4B
#00731C
#FFF8E7
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#5B580A
#8D7900
#DC8900
#CEBB98
#B08968
#DDB892
#E6CCB2
#FFF6EA
#432818
#99582A
#BB9457
#FFE6A7
#6F1D1B
#BB9457
#99582A
#FFE6A7
#7F5539
#B08968
#DDB892
#EDE0D4
#8D5524
#C68642
#E0AC69
#F1C27D
#2C1810
#6E4E3F
#B85C38
#E0C097
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#3F2E1E
#7C5E3C
#C8A97E
#F1E7D6
#B5623A
#D9A57C
#A3B18A
#F3EDE4
#9C4A2F
#C97D5A
#E8C9A8
#F8F1E7
#554910
#A76704
#A5BC85
#FFC5B2
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#644400
#C5701B
#B69A00
#C6CF8F
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#FFD9A8
#CA8800
#9A6200
#4A2A00
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3