← Back to Editor

#F0964F · #F2BE6B · #E6E195 · #A3D19D · #72CCB1

summer

A 5-color summer palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F0964F

Apricot · SandyBrown · Warm Sun

HEX
#F0964F
RGB
rgb(240, 150, 79)
HSL
hsl(26, 84%, 63%)
HSB
hsb(26, 67%, 94%)
CMYK
cmyk(0%, 37%, 67%, 6%)
Oklch
oklch(75.3% 0.138 56.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F2BE6B

Ginger · SandyBrown · Warm Sun

HEX
#F2BE6B
RGB
rgb(242, 190, 107)
HSL
hsl(37, 84%, 68%)
HSB
hsb(37, 56%, 95%)
CMYK
cmyk(0%, 21%, 56%, 5%)
Oklch
oklch(83.1% 0.117 77.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E6E195

Fresh Green · Khaki · Sunflower

HEX
#E6E195
RGB
rgb(230, 225, 149)
HSL
hsl(56, 62%, 74%)
HSB
hsb(56, 35%, 90%)
CMYK
cmyk(0%, 2%, 35%, 10%)
Oklch
oklch(89.6% 0.097 105.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A3D19D

Celadon · DarkSeaGreen · Apple Green

HEX
#A3D19D
RGB
rgb(163, 209, 157)
HSL
hsl(113, 36%, 72%)
HSB
hsb(113, 25%, 82%)
CMYK
cmyk(22%, 0%, 25%, 18%)
Oklch
oklch(81.4% 0.086 141.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#72CCB1

Jade · MediumAquaMarine · Lake Green

HEX
#72CCB1
RGB
rgb(114, 204, 177)
HSL
hsl(162, 47%, 62%)
HSB
hsb(162, 44%, 80%)
CMYK
cmyk(44%, 0%, 13%, 20%)
Oklch
oklch(78.1% 0.096 172.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0964F
51ABF0

Analogous

F0515C
F0964F
F0E551

Triadic

F0964F
51F096
9651F0

Split-Comp.

F0964F
51F0E5
515CF0

Tetradic

F0964F
5CF051
51ABF0
E551F0

Contrast Matrix WCAG 2.1 Contrast

F0964F
F2BE6B
E6E195
A3D19D
72CCB1
—
1.3
Fail
1.7
Fail
1.3
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.0
Fail
1.1
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.3
Fail
1.0
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.4
Fail
1.1
Fail
—
White BG
2.3Fail
1.7Fail
1.3Fail
1.7Fail
1.9Fail
Black BG
9.2AAA
12.4AAA
15.6AAA
12.2AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C860
DBDB7F
E4E4A7
B7B7AA
999AB8

Deuteranopia

CED564
DFE284
E4E5AC
B4B1AD
948DB9

Tritanopia

EC6E71
EF8F92
E6B6B9
A5B4B6
77BDBE

Achromatopsia

A9A9A9
C4C4C4
DADADA
BDBDBD
AEAEAE

Shades & Tints Shades & Tints

#F0964F

Dark
Light

#F2BE6B

Dark
Light

#E6E195

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0964f;
  --color-2: #f2be6b;
  --color-3: #e6e195;
  --color-4: #a3d19d;
  --color-5: #72ccb1;
}

SCSS

$color-1: #f0964f;
$color-2: #f2be6b;
$color-3: #e6e195;
$color-4: #a3d19d;
$color-5: #72ccb1;

TAILWIND

colors: {
  'brand-1': '#f0964f',
  'brand-2': '#f2be6b',
  'brand-3': '#e6e195',
  'brand-4': '#a3d19d',
  'brand-5': '#72ccb1',
}

RGB Array

[240, 150, 79], [242, 190, 107], [230, 225, 149], [163, 209, 157], [114, 204, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #F0964F, #F2BE6B, #E6E195, #A3D19D, #72CCB1 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f0964f; --color-2: #f2be6b; --color-3: #e6e195; --color-4: #a3d19d; --color-5: #72ccb1. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This summer-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color