← Back to Editor

#EB5C65 · #F6A680 · #EFFEBE · #B4DDA9 · #03636F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EB5C65

Peach Pink · Tomato · Coral Red

HEX
#EB5C65
RGB
rgb(235, 92, 101)
HSL
hsl(356, 78%, 64%)
HSB
hsb(356, 61%, 92%)
CMYK
cmyk(0%, 61%, 57%, 8%)
Oklch
oklch(66.2% 0.177 19.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F6A680

Apricot · LightSalmon · Warm Sun

HEX
#F6A680
RGB
rgb(246, 166, 128)
HSL
hsl(19, 87%, 73%)
HSB
hsb(19, 48%, 96%)
CMYK
cmyk(0%, 33%, 48%, 4%)
Oklch
oklch(79.5% 0.108 46.1)

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

#EFFEBE

Willow Green · Bisque · Mint Green

HEX
#EFFEBE
RGB
rgb(239, 254, 190)
HSL
hsl(74, 97%, 87%)
HSB
hsb(74, 25%, 100%)
CMYK
cmyk(6%, 0%, 25%, 0%)
Oklch
oklch(97.1% 0.084 118.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#B4DDA9

Celadon · Silver · Apple Green

HEX
#B4DDA9
RGB
rgb(180, 221, 169)
HSL
hsl(107, 43%, 76%)
HSB
hsb(107, 24%, 87%)
CMYK
cmyk(19%, 0%, 24%, 13%)
Oklch
oklch(85.5% 0.083 139.1)

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

#03636F

Lake Blue · Teal · Peacock Green

HEX
#03636F
RGB
rgb(3, 99, 111)
HSL
hsl(187, 95%, 22%)
HSB
hsb(187, 97%, 44%)
CMYK
cmyk(97%, 11%, 0%, 56%)
Oklch
oklch(45.8% 0.078 209.3)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB5C65
5CEBE1

Analogous

EB5CAD
EB5C65
EB9A5C

Triadic

EB5C65
65EB5C
5C65EB

Split-Comp.

EB5C65
5CEB9A
5CADEB

Tetradic

EB5C65
ADEB5C
5CEBE1
9A5CEB

Contrast Matrix WCAG 2.1 Contrast

EB5C65
F6A680
EFFEBE
B4DDA9
03636F
—
1.7
Fail
3.1
AA Large
2.2
Fail
2.1
Fail
1.7
Fail
—
1.8
Fail
1.3
Fail
3.5
AA Large
3.1
AA Large
1.8
Fail
—
1.4
Fail
6.5
AA
2.2
Fail
1.3
Fail
1.4
Fail
—
4.6
AA
2.1
Fail
3.5
AA Large
6.5
AA
4.6
AA
—
White BG
3.4AA Large
2.0Fail
1.1Fail
1.5Fail
7.0AA
Black BG
6.3AA
10.7AAA
19.6AAA
13.9AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC63
D3D389
F5F6CD
C6C6B6
2D2D6C

Deuteranopia

B5C062
D8DE8B
F5F4D1
C3C0B9
27206B

Tritanopia

E46161
F29092
F0DADC
B6C0C2
086A69

Achromatopsia

888888
BABABA
F2F2F2
CBCBCB
484848

Shades & Tints Shades & Tints

#EB5C65

Dark
Light

#F6A680

Dark
Light

#EFFEBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb5c65;
  --color-2: #f6a680;
  --color-3: #effebe;
  --color-4: #b4dda9;
  --color-5: #03636f;
}

SCSS

$color-1: #eb5c65;
$color-2: #f6a680;
$color-3: #effebe;
$color-4: #b4dda9;
$color-5: #03636f;

TAILWIND

colors: {
  'brand-1': '#eb5c65',
  'brand-2': '#f6a680',
  'brand-3': '#effebe',
  'brand-4': '#b4dda9',
  'brand-5': '#03636f',
}

RGB Array

[235, 92, 101], [246, 166, 128], [239, 254, 190], [180, 221, 169], [3, 99, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB5C65, #F6A680, #EFFEBE, #B4DDA9, #03636F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #eb5c65; --color-2: #f6a680; --color-3: #effebe; --color-4: #b4dda9; --color-5: #03636f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 general-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