← Back to Editor

#0E736E · #CFBB3E · #E6E1D8 · #EB4667 · #EB8B7C

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

#0E736E

Mineral Blue · Teal · Peacock Green

HEX
#0E736E
RGB
rgb(14, 115, 110)
HSL
hsl(177, 78%, 25%)
HSB
hsb(177, 88%, 45%)
CMYK
cmyk(88%, 0%, 4%, 55%)
Oklch
oklch(50.3% 0.084 189.4)

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

#CFBB3E

Autumn Sage · GoldenRod · Sunflower

HEX
#CFBB3E
RGB
rgb(207, 187, 62)
HSL
hsl(52, 60%, 53%)
HSB
hsb(52, 70%, 81%)
CMYK
cmyk(0%, 10%, 70%, 19%)
Oklch
oklch(78.7% 0.142 100.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E6E1D8

Goose Yellow · LightGray · Peach Orange

HEX
#E6E1D8
RGB
rgb(230, 225, 216)
HSL
hsl(39, 22%, 87%)
HSB
hsb(39, 6%, 90%)
CMYK
cmyk(0%, 2%, 6%, 10%)
Oklch
oklch(91.1% 0.013 82.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EB4667

Vermilion · Tomato · Passion Red

HEX
#EB4667
RGB
rgb(235, 70, 103)
HSL
hsl(348, 80%, 60%)
HSB
hsb(348, 70%, 92%)
CMYK
cmyk(0%, 70%, 56%, 8%)
Oklch
oklch(63.8% 0.201 13.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#EB8B7C

Peach Pink · DarkSalmon · Coral Red

HEX
#EB8B7C
RGB
rgb(235, 139, 124)
HSL
hsl(8, 74%, 70%)
HSB
hsb(8, 47%, 92%)
CMYK
cmyk(0%, 41%, 47%, 8%)
Oklch
oklch(73.5% 0.120 29.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E736E
710E13

Analogous

0E713B
0E736E
0E4571

Triadic

0E736E
6D0E71
716D0E

Split-Comp.

0E736E
710E45
713B0E

Tetradic

0E736E
3B0E71
710E13
45710E

Contrast Matrix WCAG 2.1 Contrast

0E736E
CFBB3E
E6E1D8
EB4667
EB8B7C
—
2.9
Fail
4.4
AA Large
1.5
Fail
2.3
Fail
2.9
Fail
—
1.5
Fail
1.9
Fail
1.3
Fail
4.4
AA Large
1.5
Fail
—
2.9
Fail
1.9
Fail
1.5
Fail
1.9
Fail
2.9
Fail
—
1.5
Fail
2.3
Fail
1.3
Fail
1.9
Fail
1.5
Fail
—
White BG
5.7AA
1.9Fail
1.3Fail
3.7AA Large
2.5Fail
Black BG
3.7AA Large
10.8AAA
16.1AAA
5.6AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3B6F
C6C65C
E4E4DA
A4A25F
C1C180

Deuteranopia

342C70
C8C964
E4E5DB
ADBA5D
C7CE81

Tritanopia

137070
CE7479
E6DCDC
E35957
E68283

Achromatopsia

545454
B3B3B3
E1E1E1
7B7B7B
A6A6A6

Shades & Tints Shades & Tints

#0E736E

Dark
Light

#CFBB3E

Dark
Light

#E6E1D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e736e;
  --color-2: #cfbb3e;
  --color-3: #e6e1d8;
  --color-4: #eb4667;
  --color-5: #eb8b7c;
}

SCSS

$color-1: #0e736e;
$color-2: #cfbb3e;
$color-3: #e6e1d8;
$color-4: #eb4667;
$color-5: #eb8b7c;

TAILWIND

colors: {
  'brand-1': '#0e736e',
  'brand-2': '#cfbb3e',
  'brand-3': '#e6e1d8',
  'brand-4': '#eb4667',
  'brand-5': '#eb8b7c',
}

RGB Array

[14, 115, 110], [207, 187, 62], [230, 225, 216], [235, 70, 103], [235, 139, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E736E, #CFBB3E, #E6E1D8, #EB4667, #EB8B7C 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: #0e736e; --color-2: #cfbb3e; --color-3: #e6e1d8; --color-4: #eb4667; --color-5: #eb8b7c. 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