Palette

Fruit Punch

Juicy cherry-red, zesty orange, and creamy banana blend for a bold, tropical burst of excitement.

Color analysis

Palette profile

This 5-color palette is warm-led with a vivid character and moderate tonal range. Its internal colors provide 1 pair at or above the 4.5:1 contrast target for normal text.

Temperature

Warm-led

Color character

Vivid

Lightness span

44%

Accessible pairs

1 / 10

Colors

Red A41623#A41623A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(164, 22, 35)HSLhsl(354.5, 76.3%, 36.5%)CMYKcmyk(0%, 86.6%, 78.7%, 35.7%)LABlab(35.18, 54.9, 32.09)

Orange F85E00#F85E00A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(248, 94, 0)HSLhsl(22.7, 100%, 48.6%)CMYKcmyk(0%, 62.1%, 100%, 2.7%)LABlab(59.86, 56.02, 69.4)

Orange FFB563#FFB563A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 181, 99)HSLhsl(31.5, 100%, 69.4%)CMYKcmyk(0%, 29%, 61.2%, 0%)LABlab(79.16, 18.78, 51.73)

Orange FFD29D#FFD29DA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 210, 157)HSLhsl(32.4, 100%, 80.8%)CMYKcmyk(0%, 17.6%, 38.4%, 0%)LABlab(86.89, 8.83, 32.21)

Brown 918450#918450A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(145, 132, 80)HSLhsl(48, 28.9%, 44.1%)CMYKcmyk(0%, 9%, 44.8%, 43.1%)LABlab(55.18, -2.73, 29.8)

Meaning

SummerAutumn

Psychology

WarmthMomentumInvigorationEnthusiasm

Usage

Travel WebsitesSummer CampaignsSeasonal CampaignsEditorial Graphics

Red A41623

#A41623

Black text

2.72:1Fail

White text

7.73:1AAA

Accent

Orange F85E00

#F85E00

Black text

6.59:1AA

White text

3.19:1AA Large

Support

Orange FFB563

#FFB563

Black text

12.04:1AAA

White text

1.74:1Fail

Surface

Orange FFD29D

#FFD29D

Black text

14.96:1AAA

White text

1.40:1Fail

Support

Brown 918450

#918450

Black text

5.62:1AA

White text

3.74:1AA Large

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#A41623 on #FFD29D5.50:1 · AA

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #A41623;
  --palette-2: #F85E00;
  --palette-3: #FFB563;
  --palette-4: #FFD29D;
  --palette-5: #918450;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.