#264653
#2A9D8F
#26B36C
#F4A261
#E08F45Carrot
#94821DOlive
#9EC67BPistachio
#B8EEDBGlacier
Bold Carrot & Olive is a complementary color palette tagged modern, orange, green. Near-complementary hues (about 130° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Carrot | #E08F45 | rgb(224, 143, 69) | hsl(29, 71%, 57%) | oklch(72.0% 0.132 60) | |
| Olive | #94821D | rgb(148, 130, 29) | hsl(51, 67%, 35%) | oklch(60.6% 0.116 98) | |
| Pistachio | #9EC67B | rgb(158, 198, 123) | hsl(92, 40%, 63%) | oklch(78.0% 0.110 131) | |
| Glacier | #B8EEDB | rgb(184, 238, 219) | hsl(159, 61%, 83%) | oklch(90.7% 0.061 171) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (83% down to 35% lightness). A natural fit for websites, presentations and branding.
- Background: Glacier (#B8EEDB) is the lightest color, so it belongs on large surfaces.
- Text: Olive (#94821D) on #B8EEDB gives 2.98:1, so pair it with a darker neutral for body copy.
- Primary: Carrot (#E08F45) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pistachio (#9EC67B) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bold Carrot & Olive
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
#E08F45
#94821D
#9EC67B
#B8EEDB
Color-blind check: under deuteranopia, Carrot and Pistachio become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#94821D on #B8EEDB | Aa | 2.98:1 | Fail |
#E08F45 on #B8EEDB | Aa | 1.99:1 | Fail |
#94821D on #9EC67B | Aa | 1.98:1 | Fail |
#9EC67B on #B8EEDB | Aa | 1.51:1 | Fail |
#E08F45 on #94821D | Aa | 1.5:1 | Fail |
#E08F45 on #9EC67B | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#14213D
#FCA311
#E5E5E5
#FFFFFF
#FAFAFA
#E5E7EB
#10B981
#111827
#F7F3EF
#E9DED4
#C65D3B
#2E2622
#00A7D3
#FFB3C1
#7BC96F
#2D6A4F
#8A6800
#84A347
#00C38B
#56E7F4
#1A3F1E
#475756
#007C5E
#A7CA57
#DDDEE2
#00C463
#676C7C
#17191F
#00818A
#009D8C
#31CA88
#ACE496
#CDFFC8
#3FB063
#2C7040
#004A14
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#00263E
#0089A7
#FF8A65
#FFF3E0
#211F23
#646067
#FFA410
#DFDEE0
#02151B
#2C515C
#E75100
#D6E3E7
#ACB100
#FFB347
#0A9396
#F8F8F8
#00616A
#4DA27C
#98AA55
#FFCA7B
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#498711
#00AA6D
#00C0AE
#00DDF3
#00BA85
#FF8A9B
#C7EFCF
#3D8361
#1B4332
#52B788
#E9F5F0
#C9184A
#A07200
#59964F
#8E9100
#44E9BE
#00B5F0
#FF9E1B
#FFC757
#1F1F1F
#EDC27E
#B1C06C
#4A8E67
#006364
#00735C
#379879
#7DC5A6
#81E3CC