ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Food

Tropical Mango Passionfruit

Luscious tropical juice bar palette overflowing with sweet ripe mangoes, tart passion fruit, and crushed ice.

#Food#Vibrant#Fresh#Warm#Creative
Open in Generator
COLOR 1
#78350F
Saddle Brown
COLOR 2
#D97706
Baltic Amber
COLOR 3
#F59E0B
Amber 500
COLOR 4
#FBBF24
Yellow 500
COLOR 5
#FEF3C7
Lemon Chiffon

Color Values & Codes

HEX · RGB · HSL
rgb(120, 53, 15)hsl(22, 78%, 26%)Color details →
rgb(217, 119, 6)hsl(32, 95%, 44%)Color details →
Amber 500
#F59E0B
rgb(245, 158, 11)hsl(38, 92%, 50%)Color details →
Yellow 500
#FBBF24
rgb(251, 191, 36)hsl(43, 96%, 56%)Color details →
rgb(254, 243, 199)hsl(48, 96%, 89%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Food Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #78350F;
  --color-2: #D97706;
  --color-3: #F59E0B;
  --color-4: #FBBF24;
  --color-5: #FEF3C7;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#78350F on #FBBF245.43:1
Normal Text AA Pass
Sample Text
#78350F on #FEF3C78.15:1
Normal Text AA Pass
Sample Text
#D97706 on #FBBF241.91:1
Large Text Only (Fail)
Sample Text
#D97706 on #FEF3C72.86:1
Large Text Only (Fail)
Sample Text
#F59E0B on #FBBF241.29:1
Large Text Only (Fail)
Sample Text
#F59E0B on #FEF3C71.93:1
Large Text Only (Fail)

Related Palettes in Food

Explore Food
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold