← Back to Editor

#14BB87 · #EFCA5F · #FF7F4D · #F82D64 · #E6D9B6

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

#14BB87

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#14BB87
RGB
rgb(20, 187, 135)
HSL
hsl(161, 81%, 41%)
HSB
hsb(161, 89%, 73%)
CMYK
cmyk(89%, 0%, 28%, 27%)
Oklch
oklch(70.3% 0.146 164.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#EFCA5F

Ginger · SandyBrown · Sunflower

HEX
#EFCA5F
RGB
rgb(239, 202, 95)
HSL
hsl(45, 82%, 65%)
HSB
hsb(45, 60%, 94%)
CMYK
cmyk(0%, 15%, 60%, 6%)
Oklch
oklch(85.0% 0.132 90.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FF7F4D

Apricot · Coral · Warm Sun

HEX
#FF7F4D
RGB
rgb(255, 127, 77)
HSL
hsl(17, 100%, 65%)
HSB
hsb(17, 70%, 100%)
CMYK
cmyk(0%, 50%, 70%, 0%)
Oklch
oklch(73.5% 0.169 41.2)

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

#F82D64

Dark Violet · DeepPink · Rose Pink

HEX
#F82D64
RGB
rgb(248, 45, 100)
HSL
hsl(344, 94%, 57%)
HSB
hsb(344, 82%, 97%)
CMYK
cmyk(0%, 82%, 60%, 3%)
Oklch
oklch(64.0% 0.233 12.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E6D9B6

Goose Yellow · Wheat · Lemon Cream

HEX
#E6D9B6
RGB
rgb(230, 217, 182)
HSL
hsl(44, 49%, 81%)
HSB
hsb(44, 21%, 90%)
CMYK
cmyk(0%, 6%, 21%, 10%)
Oklch
oklch(88.7% 0.048 90.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

14BB87
BD1449

Analogous

14BD33
14BB87
149EBD

Triadic

14BB87
8814BD
BD8814

Split-Comp.

14BB87
BD149E
BD3314

Tetradic

14BB87
3314BD
BD1449
9EBD14

Contrast Matrix WCAG 2.1 Contrast

14BB87
EFCA5F
FF7F4D
F82D64
E6D9B6
—
1.6
Fail
1.0
Fail
1.5
Fail
1.8
Fail
1.6
Fail
—
1.6
Fail
2.4
Fail
1.1
Fail
1.0
Fail
1.6
Fail
—
1.5
Fail
1.8
Fail
1.5
Fail
2.4
Fail
1.5
Fail
—
2.7
Fail
1.8
Fail
1.1
Fail
1.8
Fail
2.7
Fail
—
White BG
2.5Fail
1.6Fail
2.5Fail
3.8AA Large
1.4Fail
Black BG
8.5AAA
13.3AAA
8.4AAA
5.6AA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5E94
DFDF79
C8C659
A09E57
E0E0BE

Deuteranopia

534697
E1E47F
CFD95C
ACBB54
E1E2C1

Tritanopia

1C9EA0
ED8D92
F96365
EE4C4A
E5C5C7

Achromatopsia

838383
C9C9C9
A0A0A0
707070
D9D9D9

Shades & Tints Shades & Tints

#14BB87

Dark
Light

#EFCA5F

Dark
Light

#FF7F4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #14bb87;
  --color-2: #efca5f;
  --color-3: #ff7f4d;
  --color-4: #f82d64;
  --color-5: #e6d9b6;
}

SCSS

$color-1: #14bb87;
$color-2: #efca5f;
$color-3: #ff7f4d;
$color-4: #f82d64;
$color-5: #e6d9b6;

TAILWIND

colors: {
  'brand-1': '#14bb87',
  'brand-2': '#efca5f',
  'brand-3': '#ff7f4d',
  'brand-4': '#f82d64',
  'brand-5': '#e6d9b6',
}

RGB Array

[20, 187, 135], [239, 202, 95], [255, 127, 77], [248, 45, 100], [230, 217, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #14BB87, #EFCA5F, #FF7F4D, #F82D64, #E6D9B6 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #14bb87; --color-2: #efca5f; --color-3: #ff7f4d; --color-4: #f82d64; --color-5: #e6d9b6. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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