#B22222
#165B33
#F8B229
#FFFFFF
#4E1A2EEspresso
#8E3B46Brick Red
#63B274Emerald
#F6E7D3Champagne
Emerald & Brick Red Glow is a complementary color palette tagged warm, green. Espresso and Champagne sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Espresso | #4E1A2E | rgb(78, 26, 46) | hsl(337, 50%, 20%) | oklch(30.5% 0.081 359) | |
| Brick Red | #8E3B46 | rgb(142, 59, 70) | hsl(352, 41%, 39%) | oklch(46.7% 0.113 14) | |
| Emerald | #63B274 | rgb(99, 178, 116) | hsl(133, 34%, 54%) | oklch(69.7% 0.120 149) | |
| Champagne | #F6E7D3 | rgb(246, 231, 211) | hsl(34, 66%, 90%) | oklch(93.5% 0.031 75) |
Why it works and how to use it
With 4 chromatic colors, Brick Red takes the lead while the rest support. Lightness runs from 20% to 90%. Well suited to websites, presentations and branding.
- Background: Champagne (#F6E7D3) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#4E1A2E) on #F6E7D3 gives 11.44:1, passing WCAG AAA.
- Primary: Brick Red (#8E3B46) is the most saturated mid-tone; use it for buttons and links (6.04:1 against the background, fine for UI elements).
- Accent: Emerald (#63B274) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Champagne at 11.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Emerald & Brick Red 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
#4E1A2E
#8E3B46
#63B274
#F6E7D3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#4E1A2E on #F6E7D3 | Aa | 11.44:1 | AAA |
#8E3B46 on #F6E7D3 | Aa | 6.04:1 | AA |
#4E1A2E on #63B274 | Aa | 5.39:1 | AA |
#8E3B46 on #63B274 | Aa | 2.85:1 | Fail |
#63B274 on #F6E7D3 | Aa | 2.12:1 | Fail |
#4E1A2E on #8E3B46 | Aa | 1.9:1 | Fail |
Similar palettes 24 more in this mood
#F94144
#F3722C
#F9C74F
#90BE6D
#554910
#A76704
#A5BC85
#FFC5B2
#E16700
#D98900
#D5D65B
#67C48E
#D4B693
#B18974
#8E974C
#896F00
#1C1800
#676500
#9C8C35
#E5E4A2
#FFC880
#FFAD8D
#6DB130
#8D8200
#4B4A1E
#8A7A2A
#42B87D
#F2E5CC
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#986200
#A19546
#92BB5D
#50DD93
#397700
#C88C00
#BCB600
#FFC9AC
#B1DA87
#5EDD9C
#B9A900
#9A6700
#7A4D00
#62975B
#ACBD6B
#DAB700
#727B00
#D2A682
#87D07C
#F9CF62
#F7D8A8
#A5C786
#E5945E
#AEAA73
#ACBD00
#5FCF64
#FBA255
#FFD262
#CDD61D
#FF9600
#499526
#8F6E00
#7F6000
#B8885D
#B3B96E
#AEE699
#B79E6D
#AAE478
#A3E1BA
#ECEA76
#D3AB00
#60D968
#BCD355
#FFC893
#FF6B8B
#FFD166
#8CD790
#FFFFFF
#684200
#688928
#1FA15B
#D6C03B
#A24002
#CD6635
#00B474
#DCF1E4
#8FCD9A
#D32636
#FBBFCC
#FDF9F3