← Back to Editor

#94F7DA · #EBD85B · #DE813E · #D12C60 · #700275

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

#94F7DA

Jade · LightBlue · Glacier Blue

HEX
#94F7DA
RGB
rgb(148, 247, 218)
HSL
hsl(162, 86%, 77%)
HSB
hsb(162, 40%, 97%)
CMYK
cmyk(40%, 0%, 12%, 3%)
Oklch
oklch(90.7% 0.103 173.1)

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

#EBD85B

Fresh Green · Khaki · Sunflower

HEX
#EBD85B
RGB
rgb(235, 216, 91)
HSL
hsl(52, 78%, 64%)
HSB
hsb(52, 61%, 92%)
CMYK
cmyk(0%, 8%, 61%, 8%)
Oklch
oklch(87.5% 0.145 100.7)

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

#DE813E

Tangerine · Coral · Warm Sun

HEX
#DE813E
RGB
rgb(222, 129, 62)
HSL
hsl(25, 71%, 56%)
HSB
hsb(25, 72%, 87%)
CMYK
cmyk(0%, 42%, 72%, 13%)
Oklch
oklch(69.2% 0.140 53.6)

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

#D12C60

Dark Violet · Crimson · Camellia

HEX
#D12C60
RGB
rgb(209, 44, 96)
HSL
hsl(341, 65%, 50%)
HSB
hsb(341, 79%, 82%)
CMYK
cmyk(0%, 79%, 54%, 18%)
Oklch
oklch(57.1% 0.201 8.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#700275

Royal Purple · Purple · Eggplant

HEX
#700275
RGB
rgb(112, 2, 117)
HSL
hsl(297, 97%, 23%)
HSB
hsb(297, 98%, 46%)
CMYK
cmyk(4%, 98%, 0%, 54%)
Oklch
oklch(38.7% 0.178 326.1)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94F7DA
F792B0

Analogous

92F7A6
94F7DA
92E3F7

Triadic

94F7DA
D992F7
F7D992

Split-Comp.

94F7DA
F792E3
F7A692

Tetradic

94F7DA
A692F7
F792B0
E3F792

Contrast Matrix WCAG 2.1 Contrast

94F7DA
EBD85B
DE813E
D12C60
700275
—
1.1
Fail
2.3
Fail
3.9
AA Large
8.5
AAA
1.1
Fail
—
2.0
Fail
3.4
AA Large
7.4
AAA
2.3
Fail
2.0
Fail
—
1.7
Fail
3.7
AA Large
3.9
AA Large
3.4
AA Large
1.7
Fail
—
2.2
Fail
8.5
AAA
7.4
AAA
3.7
AA Large
2.2
Fail
—
White BG
1.3Fail
1.4Fail
2.9Fail
5.0AA
10.7AAA
Black BG
16.6AAA
14.5AAA
7.3AAA
4.2AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFC0E1
E3E379
B6B54E
8A8853
403F59

Deuteranopia

B9B2E3
E4E581
BBC252
939F50
474F52

Tritanopia

99E7E8
EA9196
D95B5E
C94947
6A433E

Achromatopsia

D6D6D6
CFCFCF
959595
636363
303030

Shades & Tints Shades & Tints

#94F7DA

Dark
Light

#EBD85B

Dark
Light

#DE813E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94f7da;
  --color-2: #ebd85b;
  --color-3: #de813e;
  --color-4: #d12c60;
  --color-5: #700275;
}

SCSS

$color-1: #94f7da;
$color-2: #ebd85b;
$color-3: #de813e;
$color-4: #d12c60;
$color-5: #700275;

TAILWIND

colors: {
  'brand-1': '#94f7da',
  'brand-2': '#ebd85b',
  'brand-3': '#de813e',
  'brand-4': '#d12c60',
  'brand-5': '#700275',
}

RGB Array

[148, 247, 218], [235, 216, 91], [222, 129, 62], [209, 44, 96], [112, 2, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94F7DA, #EBD85B, #DE813E, #D12C60, #700275 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: #94f7da; --color-2: #ebd85b; --color-3: #de813e; --color-4: #d12c60; --color-5: #700275. 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