← Back to Editor

#E4E5DF · #E7CE19 · #8AAEFC · #6589EA · #3554A7

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#E4E5DF

Willow Green · Beige · Mint Green

HEX
#E4E5DF
RGB
rgb(228, 229, 223)
HSL
hsl(70, 10%, 89%)
HSB
hsb(70, 3%, 90%)
CMYK
cmyk(0%, 0%, 3%, 10%)
Oklch
oklch(91.9% 0.008 114.2)

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

#E7CE19

Autumn Sage · Gold · Honey Gold

HEX
#E7CE19
RGB
rgb(231, 206, 25)
HSL
hsl(53, 81%, 50%)
HSB
hsb(53, 89%, 91%)
CMYK
cmyk(0%, 11%, 89%, 9%)
Oklch
oklch(84.7% 0.172 100.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#8AAEFC

Azure · LightSkyBlue · Cobalt Blue

HEX
#8AAEFC
RGB
rgb(138, 174, 252)
HSL
hsl(221, 95%, 76%)
HSB
hsb(221, 45%, 99%)
CMYK
cmyk(45%, 31%, 0%, 1%)
Oklch
oklch(75.6% 0.120 264.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6589EA

Azure · CornflowerBlue · Cobalt Blue

HEX
#6589EA
RGB
rgb(101, 137, 234)
HSL
hsl(224, 76%, 66%)
HSB
hsb(224, 57%, 92%)
CMYK
cmyk(57%, 41%, 0%, 8%)
Oklch
oklch(64.9% 0.151 266.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#3554A7

Indigo · DarkSlateBlue · Navy Blue

HEX
#3554A7
RGB
rgb(53, 84, 167)
HSL
hsl(224, 52%, 43%)
HSB
hsb(224, 68%, 65%)
CMYK
cmyk(68%, 50%, 0%, 35%)
Oklch
oklch(46.8% 0.138 265.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4E5DF
E1E0E6

Analogous

E6E4E0
E4E5DF
E2E6E0

Triadic

E4E5DF
E0E5E6
E6E0E5

Split-Comp.

E4E5DF
E0E2E6
E4E0E6

Tetradic

E4E5DF
E0E6E4
E1E0E6
E6E0E2

Contrast Matrix WCAG 2.1 Contrast

E4E5DF
E7CE19
8AAEFC
6589EA
3554A7
—
1.3
Fail
1.7
Fail
2.6
Fail
5.6
AA
1.3
Fail
—
1.4
Fail
2.1
Fail
4.4
AA Large
1.7
Fail
1.4
Fail
—
1.5
Fail
3.2
AA Large
2.6
Fail
2.1
Fail
1.5
Fail
—
2.1
Fail
5.6
AA
4.4
AA Large
3.2
AA Large
2.1
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
3.3AA Large
7.1AAA
Black BG
16.6AAA
13.2AAA
9.5AAA
6.3AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4E0
DCDC45
9A9AE9
7575D3
424393

Deuteranopia

E4E4E1
DEE04F
9895E5
7370CD
413E8E

Tritanopia

E4E2E2
E6676F
8CDAD7
67C0BC
378380

Achromatopsia

E4E4E4
C1C1C1
ACACAC
898989
545454

Shades & Tints Shades & Tints

#E4E5DF

Dark
Light

#E7CE19

Dark
Light

#8AAEFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4e5df;
  --color-2: #e7ce19;
  --color-3: #8aaefc;
  --color-4: #6589ea;
  --color-5: #3554a7;
}

SCSS

$color-1: #e4e5df;
$color-2: #e7ce19;
$color-3: #8aaefc;
$color-4: #6589ea;
$color-5: #3554a7;

TAILWIND

colors: {
  'brand-1': '#e4e5df',
  'brand-2': '#e7ce19',
  'brand-3': '#8aaefc',
  'brand-4': '#6589ea',
  'brand-5': '#3554a7',
}

RGB Array

[228, 229, 223], [231, 206, 25], [138, 174, 252], [101, 137, 234], [53, 84, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #E4E5DF, #E7CE19, #8AAEFC, #6589EA, #3554A7 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: #e4e5df; --color-2: #e7ce19; --color-3: #8aaefc; --color-4: #6589ea; --color-5: #3554a7. 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 minimal-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