#D96C2C
#E9B44C
#8C5E2A
#F5E8C7
#7C8B3COlive
#C4B454Brass
#D77A3BBronze
#F2E9D4Parchment
Avocado Fridge is a analogous color palette tagged retro, warm, earthy. Analogous neighbors on the wheel (Olive, Brass, Bronze) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Olive | #7C8B3C | rgb(124, 139, 60) | hsl(71, 40%, 39%) | oklch(60.7% 0.106 119) | |
| Brass | #C4B454 | rgb(196, 180, 84) | hsl(51, 49%, 55%) | oklch(76.4% 0.118 100) | |
| Bronze | #D77A3B | rgb(215, 122, 59) | hsl(24, 66%, 54%) | oklch(67.1% 0.139 52) | |
| Parchment | #F2E9D4 | rgb(242, 233, 212) | hsl(42, 54%, 89%) | oklch(93.6% 0.029 88) |
Why it works and how to use it
With 4 chromatic colors, Bronze takes the lead while the rest support. Lightness runs from 39% to 89%. Well suited to wellness, organic and outdoor brands.
- Background: Parchment (#F2E9D4) is the lightest color, so it belongs on large surfaces.
- Text: Olive (#7C8B3C) on #F2E9D4 gives 3.1:1, enough for large headings only.
- Primary: Bronze (#D77A3B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Brass (#C4B454) 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 Avocado Fridge
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
#7C8B3C
#C4B454
#D77A3B
#F2E9D4
Color-blind check: under protanopia and deuteranopia, Olive and Bronze 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 |
|---|---|---|---|
#7C8B3C on #F2E9D4 | Aa | 3.1:1 | AA large only |
#D77A3B on #F2E9D4 | Aa | 2.58:1 | Fail |
#7C8B3C on #C4B454 | Aa | 1.78:1 | Fail |
#C4B454 on #F2E9D4 | Aa | 1.74:1 | Fail |
#C4B454 on #D77A3B | Aa | 1.49:1 | Fail |
#7C8B3C on #D77A3B | Aa | 1.2:1 | Fail |
Similar palettes 24 more in this mood
#B6741E
#D5A900
#F4946A
#FFABA8
#2D4059
#EA5455
#F07B3F
#FFD460
#D62828
#F77F00
#FCBF49
#EAE2B7
#97812C
#DDA855
#DE7164
#F2E9D4
#FFAA73
#B88900
#AF5F86
#CD484C
#A17669
#B1809F
#BE8A57
#EEA1AD
#825A7D
#C27C6A
#D598A7
#CEAA85
#CAAB80
#B193A4
#A46268
#874A2D
#874658
#A0584E
#94856B
#DCA885
#DE6551
#F8AA58
#935937
#FCE5C8
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#A92E65
#A1602E
#DB81D7
#F79287
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#F46A9B
#FFD166
#06D6A0
#2B2D42
#D8AE4F
#8E9700
#44A041
#008E71
#9F4786
#AA5E00
#D56380
#EE7055
#19292F
#71838B
#EEE431
#E9F3F8
#66478D
#926DBA
#FFD050
#FCFAF5
#AA7000
#009C66
#66A019
#B9A916
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#3C923F
#7E981A
#E2CA49
#00EFB2
#2E4357
#1F9AA6
#DD7B1A
#E2AE4F
#244356
#E6527E
#F57367
#FFD099