← Back to Editor

#E7E7DE · #CDCBA6 · #008891 · #00587A · #0F3057

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

#E7E7DE

Fresh Green · Beige · Lemon Cream

HEX
#E7E7DE
RGB
rgb(231, 231, 222)
HSL
hsl(60, 16%, 89%)
HSB
hsb(60, 4%, 91%)
CMYK
cmyk(0%, 0%, 4%, 9%)
Oklch
oklch(92.5% 0.012 106.6)

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

#CDCBA6

Fresh Green · Silver · Sunflower

HEX
#CDCBA6
RGB
rgb(205, 203, 166)
HSL
hsl(57, 28%, 73%)
HSB
hsb(57, 19%, 80%)
CMYK
cmyk(0%, 1%, 19%, 20%)
Oklch
oklch(83.4% 0.050 104.9)

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

#008891

Lake Blue · Teal · Mint Ice

HEX
#008891
RGB
rgb(0, 136, 145)
HSL
hsl(184, 100%, 28%)
HSB
hsb(184, 100%, 57%)
CMYK
cmyk(100%, 6%, 0%, 43%)
Oklch
oklch(57.1% 0.097 203.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#00587A

Lake Blue · Teal · Peacock Green

HEX
#00587A
RGB
rgb(0, 88, 122)
HSL
hsl(197, 100%, 24%)
HSB
hsb(197, 100%, 48%)
CMYK
cmyk(100%, 28%, 0%, 52%)
Oklch
oklch(43.3% 0.090 233.4)

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

#0F3057

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0F3057
RGB
rgb(15, 48, 87)
HSL
hsl(213, 71%, 20%)
HSB
hsb(213, 83%, 34%)
CMYK
cmyk(83%, 45%, 0%, 66%)
Oklch
oklch(30.8% 0.080 254.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E7DE
DEDEE7

Analogous

E7E3DE
E7E7DE
E3E7DE

Triadic

E7E7DE
DEE7E7
E7DEE7

Split-Comp.

E7E7DE
DEE3E7
E3DEE7

Tetradic

E7E7DE
DEE7E3
DEDEE7
E7DEE3

Contrast Matrix WCAG 2.1 Contrast

E7E7DE
CDCBA6
008891
00587A
0F3057
—
1.3
Fail
3.4
AA Large
6.3
AA
10.7
AAA
1.3
Fail
—
2.6
Fail
4.7
AA
8.0
AAA
3.4
AA Large
2.6
Fail
—
1.8
Fail
3.1
AA Large
6.3
AA
4.7
AA
1.8
Fail
—
1.7
Fail
10.7
AAA
8.0
AAA
3.1
AA Large
1.7
Fail
—
White BG
1.2Fail
1.7Fail
4.3AA Large
7.8AAA
13.3AAA
Black BG
16.9AAA
12.7AAA
4.9AA
2.7Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7E0
CCCCAF
3B3C8F
262772
1D1E4E

Deuteranopia

E7E7E1
CCCCB1
33298E
211A70
1B194B

Tritanopia

E7E2E2
CDB6B8
078D8D
046B6A
114644

Achromatopsia

E6E6E6
C7C7C7
606060
424242
2B2B2B

Shades & Tints Shades & Tints

#E7E7DE

Dark
Light

#CDCBA6

Dark
Light

#008891

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e7de;
  --color-2: #cdcba6;
  --color-3: #008891;
  --color-4: #00587a;
  --color-5: #0f3057;
}

SCSS

$color-1: #e7e7de;
$color-2: #cdcba6;
$color-3: #008891;
$color-4: #00587a;
$color-5: #0f3057;

TAILWIND

colors: {
  'brand-1': '#e7e7de',
  'brand-2': '#cdcba6',
  'brand-3': '#008891',
  'brand-4': '#00587a',
  'brand-5': '#0f3057',
}

RGB Array

[231, 231, 222], [205, 203, 166], [0, 136, 145], [0, 88, 122], [15, 48, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #E7E7DE, #CDCBA6, #008891, #00587A, #0F3057 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: #e7e7de; --color-2: #cdcba6; --color-3: #008891; --color-4: #00587a; --color-5: #0f3057. 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