#3E0A1D
#006638
#C9A961
#F4ECE4
#381600Espresso
#834000Chocolate
#92BC7CPistachio
#F4ECE4Linen
Chocolate & Pistachio Sky is a vivid split color palette tagged dark, warm, brown. A split scheme: Espresso plays against Linen 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 |
|---|---|---|---|---|---|
| Espresso | #381600 | rgb(56, 22, 0) | hsl(24, 100%, 11%) | oklch(24.8% 0.064 51) | |
| Chocolate | #834000 | rgb(131, 64, 0) | hsl(29, 100%, 26%) | oklch(44.9% 0.112 54) | |
| Pistachio | #92BC7C | rgb(146, 188, 124) | hsl(99, 32%, 61%) | oklch(74.9% 0.099 135) | |
| Linen | #F4ECE4 | rgb(244, 236, 228) | hsl(30, 42%, 93%) | oklch(94.7% 0.014 68) |
Why it works and how to use it
With 4 chromatic colors, Chocolate takes the lead while the rest support. Lightness runs from 11% to 93%. Well suited to websites, presentations and branding.
- Background: Linen (#F4ECE4) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#381600) on #F4ECE4 gives 14:1, passing WCAG AAA.
- Primary: Chocolate (#834000) is the most saturated mid-tone; use it for buttons and links (6.66:1 against the background, fine for UI elements).
- Accent: Pistachio (#92BC7C) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Linen at 14:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Chocolate & Pistachio 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
#381600
#834000
#92BC7C
#F4ECE4
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#381600 on #F4ECE4 | Aa | 14:1 | AAA |
#381600 on #92BC7C | Aa | 7.57:1 | AAA |
#834000 on #F4ECE4 | Aa | 6.66:1 | AA |
#834000 on #92BC7C | Aa | 3.6:1 | AA large only |
#381600 on #834000 | Aa | 2.1:1 | Fail |
#92BC7C on #F4ECE4 | Aa | 1.85:1 | Fail |
Similar palettes 24 more in this mood
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4
#9B3E00
#D6B800
#1A1A1A
#FFF5E1
#9B0012
#AD3D31
#352B15
#E4F4FF
#322A00
#6F5300
#FFCDB2
#FFE9DE
#3B2314
#6B4530
#A8D5BA
#F1F7F3
#3A0F2E
#8A3B6D
#6C9C46
#F7E8F1
#92433E
#BF6664
#F3EBEB
#1D1D1D
#964300
#D35A00
#F8E9E9
#1D1D1D
#380D2E
#81336A
#DB9F6B
#F4ECE4
#9E4B45
#773E36
#F8F1E2
#1A2F3C
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#B3001B
#E63946
#F8E9E9
#1D1D1D
#FF9890
#7E5600
#F6F6F6
#20190A
#3A202E
#684158
#D6C89C
#F1F7F3
#3E2723
#6D4C41
#A1887F
#EFEBE9
#2C1810
#6E4E3F
#B85C38
#E0C097
#4A0E0E
#9C3F3C
#C85956
#E8D8C4
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#0D1A14
#385645
#6DBF8A
#E8F3EC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#1C1800
#676500
#9C8C35
#E5E4A2