← Back to Editor

#59D4DF · #41200A · #EC792C · #E2D4A6 · #E9F7F4

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

#59D4DF

Sky Blue · MediumTurquoise · Lake Green

HEX
#59D4DF
RGB
rgb(89, 212, 223)
HSL
hsl(185, 68%, 61%)
HSB
hsb(185, 60%, 87%)
CMYK
cmyk(60%, 5%, 0%, 13%)
Oklch
oklch(80.5% 0.109 203.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#41200A

Tangerine · Maroon · Cinnamon

HEX
#41200A
RGB
rgb(65, 32, 10)
HSL
hsl(24, 73%, 15%)
HSB
hsb(24, 85%, 25%)
CMYK
cmyk(0%, 51%, 85%, 75%)
Oklch
oklch(28.4% 0.061 51.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#EC792C

Tangerine · Chocolate · Warm Sun

HEX
#EC792C
RGB
rgb(236, 121, 44)
HSL
hsl(24, 83%, 55%)
HSB
hsb(24, 81%, 93%)
CMYK
cmyk(0%, 49%, 81%, 7%)
Oklch
oklch(69.7% 0.165 49.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E2D4A6

Goose Yellow · Wheat · Lemon Cream

HEX
#E2D4A6
RGB
rgb(226, 212, 166)
HSL
hsl(46, 51%, 77%)
HSB
hsb(46, 27%, 89%)
CMYK
cmyk(0%, 6%, 27%, 11%)
Oklch
oklch(87.0% 0.062 93.1)

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

#E9F7F4

Jade · Lavender · Glacier Blue

HEX
#E9F7F4
RGB
rgb(233, 247, 244)
HSL
hsl(167, 47%, 94%)
HSB
hsb(167, 6%, 97%)
CMYK
cmyk(6%, 0%, 1%, 3%)
Oklch
oklch(96.5% 0.015 181.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59D4DF
DF6358

Analogous

58DFA7
59D4DF
5890DF

Triadic

59D4DF
DF58D4
D4DF58

Split-Comp.

59D4DF
DF5890
DFA758

Tetradic

59D4DF
A758DF
DF6358
90DF58

Contrast Matrix WCAG 2.1 Contrast

59D4DF
41200A
EC792C
E2D4A6
E9F7F4
—
8.3
AAA
1.6
Fail
1.2
Fail
1.6
Fail
8.3
AAA
—
5.1
AA
9.9
AAA
13.3
AAA
1.6
Fail
5.1
AA
—
1.9
Fail
2.6
Fail
1.2
Fail
9.9
AAA
1.9
Fail
—
1.3
Fail
1.6
Fail
13.3
AAA
2.6
Fail
1.3
Fail
—
White BG
1.8Fail
14.6AAA
2.9Fail
1.5Fail
1.1Fail
Black BG
11.9AAA
1.4Fail
7.3AAA
14.2AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FDC
33320F
BAB93F
DCDCB1
EFEFF5

Deuteranopia

877EDC
353711
C1CA43
DDDEB4
EEEDF5

Tritanopia

5FDADA
3F1414
E64D51
E1BABC
EAF5F5

Achromatopsia

B0B0B0
272727
939393
D3D3D3
F2F2F2

Shades & Tints Shades & Tints

#59D4DF

Dark
Light

#41200A

Dark
Light

#EC792C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59d4df;
  --color-2: #41200a;
  --color-3: #ec792c;
  --color-4: #e2d4a6;
  --color-5: #e9f7f4;
}

SCSS

$color-1: #59d4df;
$color-2: #41200a;
$color-3: #ec792c;
$color-4: #e2d4a6;
$color-5: #e9f7f4;

TAILWIND

colors: {
  'brand-1': '#59d4df',
  'brand-2': '#41200a',
  'brand-3': '#ec792c',
  'brand-4': '#e2d4a6',
  'brand-5': '#e9f7f4',
}

RGB Array

[89, 212, 223], [65, 32, 10], [236, 121, 44], [226, 212, 166], [233, 247, 244]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #59D4DF, #41200A, #EC792C, #E2D4A6, #E9F7F4 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: #59d4df; --color-2: #41200a; --color-3: #ec792c; --color-4: #e2d4a6; --color-5: #e9f7f4. 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