← Back to Editor

#69E40D · #EDF3C1 · #F5CE94 · #78758D · #3D107E

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

#69E40D

Pine Green · Chartreuse · Olive Green

HEX
#69E40D
RGB
rgb(105, 228, 13)
HSL
hsl(94, 89%, 47%)
HSB
hsb(94, 94%, 89%)
CMYK
cmyk(54%, 0%, 94%, 11%)
Oklch
oklch(81.5% 0.245 137.1)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#EDF3C1

Fresh Green · Bisque · Lemon Cream

HEX
#EDF3C1
RGB
rgb(237, 243, 193)
HSL
hsl(67, 68%, 85%)
HSB
hsb(67, 21%, 95%)
CMYK
cmyk(2%, 0%, 21%, 5%)
Oklch
oklch(94.7% 0.065 113.2)

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

#F5CE94

Goose Yellow · Khaki · Peach Orange

HEX
#F5CE94
RGB
rgb(245, 206, 148)
HSL
hsl(36, 83%, 77%)
HSB
hsb(36, 40%, 96%)
CMYK
cmyk(0%, 16%, 40%, 4%)
Oklch
oklch(87.2% 0.086 77.1)

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

#78758D

Deep Indigo · SlateGray · Navy Blue

HEX
#78758D
RGB
rgb(120, 117, 141)
HSL
hsl(248, 10%, 51%)
HSB
hsb(248, 17%, 55%)
CMYK
cmyk(15%, 17%, 0%, 45%)
Oklch
oklch(57.4% 0.037 290.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#3D107E

Deep Indigo · MidnightBlue · Eggplant

HEX
#3D107E
RGB
rgb(61, 16, 126)
HSL
hsl(265, 77%, 28%)
HSB
hsb(265, 87%, 49%)
CMYK
cmyk(52%, 87%, 0%, 51%)
Oklch
oklch(32.7% 0.164 293.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69E40D
860DE3

Analogous

D4E30D
69E40D
0DE31B

Triadic

69E40D
0D6AE3
E30D6A

Split-Comp.

69E40D
1B0DE3
E30DD4

Tetradic

69E40D
0DD4E3
860DE3
E31B0D

Contrast Matrix WCAG 2.1 Contrast

69E40D
EDF3C1
F5CE94
78758D
3D107E
—
1.4
Fail
1.1
Fail
2.7
Fail
8.1
AAA
1.4
Fail
—
1.3
Fail
3.8
AA Large
11.6
AAA
1.1
Fail
1.3
Fail
—
3.0
Fail
9.0
AAA
2.7
Fail
3.8
AA Large
3.0
Fail
—
3.0
AA Large
8.1
AAA
11.6
AAA
9.0
AAA
3.0
AA Large
—
White BG
1.7Fail
1.2Fail
1.5Fail
4.4AA Large
13.3AAA
Black BG
12.7AAA
18.2AAA
14.1AAA
4.7AA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9F41
F0F0CD
E4E4A2
777787
2A2963

Deuteranopia

978E4D
EFEFD0
E6E9A5
777786
2C2F5D

Tritanopia

6F6A73
EDD7D9
F3ADB0
788382
3B4E4A

Achromatopsia

A7A7A7
ECECEC
D3D3D3
797979
2A2A2A

Shades & Tints Shades & Tints

#69E40D

Dark
Light

#EDF3C1

Dark
Light

#F5CE94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69e40d;
  --color-2: #edf3c1;
  --color-3: #f5ce94;
  --color-4: #78758d;
  --color-5: #3d107e;
}

SCSS

$color-1: #69e40d;
$color-2: #edf3c1;
$color-3: #f5ce94;
$color-4: #78758d;
$color-5: #3d107e;

TAILWIND

colors: {
  'brand-1': '#69e40d',
  'brand-2': '#edf3c1',
  'brand-3': '#f5ce94',
  'brand-4': '#78758d',
  'brand-5': '#3d107e',
}

RGB Array

[105, 228, 13], [237, 243, 193], [245, 206, 148], [120, 117, 141], [61, 16, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #69E40D, #EDF3C1, #F5CE94, #78758D, #3D107E 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: #69e40d; --color-2: #edf3c1; --color-3: #f5ce94; --color-4: #78758d; --color-5: #3d107e. 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