#000000
#3A3A3A
#D4AF37
#F2F2F2
#0B3B2EEvergreen
#1F6F5BPine
#D4AF37Mustard
#F6F1E6Linen
Emerald & Gold is a split color palette tagged luxury, gold, teal. A split scheme: Evergreen plays against Linen across roughly 124° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Evergreen | #0B3B2E | rgb(11, 59, 46) | hsl(164, 69%, 14%) | oklch(31.7% 0.055 171) | |
| Pine | #1F6F5B | rgb(31, 111, 91) | hsl(165, 56%, 28%) | oklch(48.8% 0.083 173) | |
| Mustard | #D4AF37 | rgb(212, 175, 55) | hsl(46, 65%, 52%) | oklch(76.7% 0.139 91) | |
| Linen | #F6F1E6 | rgb(246, 241, 230) | hsl(41, 47%, 93%) | oklch(95.9% 0.016 86) |
Why it works and how to use it
With 4 chromatic colors, Mustard takes the lead while the rest support. Lightness runs from 14% to 93%. Well suited to premium branding and packaging.
- Background: Linen (#F6F1E6) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#0B3B2E) on #F6F1E6 gives 11.1:1, passing WCAG AAA.
- Primary: Mustard (#D4AF37) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pine (#1F6F5B) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Linen at 11.1:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Emerald & Gold
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
#0B3B2E
#1F6F5B
#D4AF37
#F6F1E6
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0B3B2E on #F6F1E6 | Aa | 11.1:1 | AAA |
#0B3B2E on #D4AF37 | Aa | 5.95:1 | AA |
#1F6F5B on #F6F1E6 | Aa | 5.35:1 | AA |
#1F6F5B on #D4AF37 | Aa | 2.87:1 | Fail |
#0B3B2E on #1F6F5B | Aa | 2.07:1 | Fail |
#D4AF37 on #F6F1E6 | Aa | 1.87:1 | Fail |
Similar palettes 24 more in this mood
#2B2B2B
#C9A227
#EAE7DC
#FFFFFF
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#F8F5EE
#F1BC00
#817A6A
#2C271D
#2E2915
#514929
#FED700
#F8F5E8
#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE
#2B2B2A
#D8B500
#BEB8A1
#F7F7F6
#030303
#4A4A4A
#ECC753
#FAFAFA
#0B2A6B
#2E55C7
#D4AF37
#F6F3EA
#EEEDF1
#E58600
#716C78
#200F28
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#E7E1D6
#FFCC5D
#6C5830
#352C1A
#E9E6DD
#FFDB55
#B5AE96
#3C3829
#422B0E
#99642B
#F8AA58
#FFF4E8
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#3A2F0B
#8A6D1F
#E1B84A
#FFF6D8
#14101F
#4D4365
#8E6BFF
#EEE9FF
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#110722
#747A9D
#FFA42D
#DDDFEA
#F0F0F0
#7454DD
#574F44
#0E0E0E
#F2EEE8
#8064F0
#89795F
#2A241B
#1C1616
#8A6E6C
#24C43D
#F1ECEC
#EFEFEF
#A22DE0
#6A5F52
#222221
#1B1F2A
#6B7388
#2CB857
#EEF1F9