← Back to Editor

#EBEBE3 · #D5D7CB · #C0FF33 · #E0E5D5

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPure

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#EBEBE3

Fresh Green · Beige · Lemon Cream

HEX
#EBEBE3
RGB
rgb(235, 235, 227)
HSL
hsl(60, 17%, 91%)
HSB
hsb(60, 3%, 92%)
CMYK
cmyk(0%, 0%, 3%, 8%)
Oklch
oklch(93.8% 0.011 106.6)

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

#D5D7CB

Willow Green · LightGray · Mint Green

HEX
#D5D7CB
RGB
rgb(213, 215, 203)
HSL
hsl(70, 13%, 82%)
HSB
hsb(70, 6%, 84%)
CMYK
cmyk(1%, 0%, 6%, 16%)
Oklch
oklch(87.4% 0.016 114.4)

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

#C0FF33

Grass Green · GreenYellow · Olive Green

HEX
#C0FF33
RGB
rgb(192, 255, 51)
HSL
hsl(79, 100%, 60%)
HSB
hsb(79, 80%, 100%)
CMYK
cmyk(25%, 0%, 80%, 0%)
Oklch
oklch(92.4% 0.223 126.3)

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

#E0E5D5

Willow Green · LightGray · Mint Green

HEX
#E0E5D5
RGB
rgb(224, 229, 213)
HSL
hsl(79, 24%, 87%)
HSB
hsb(79, 7%, 90%)
CMYK
cmyk(2%, 0%, 7%, 10%)
Oklch
oklch(91.4% 0.022 121.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBEBE3
E4E4EC

Analogous

ECE8E4
EBEBE3
E8ECE4

Triadic

EBEBE3
E4ECEC
ECE4EC

Split-Comp.

EBEBE3
E4E8EC
E8E4EC

Tetradic

EBEBE3
E4ECE8
E4E4EC
ECE4E8

Contrast Matrix WCAG 2.1 Contrast

EBEBE3
D5D7CB
C0FF33
E0E5D5
—
1.2
Fail
1.0
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
1.2Fail
1.5Fail
1.2Fail
1.3Fail
Black BG
17.5AAA
14.4AAA
17.6AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBE5
D6D6CE
DBDC64
E2E2D9

Deuteranopia

EBEBE5
D6D6CF
D8D370
E2E2DA

Tritanopia

EBE6E7
D5D0D1
C38B94
E0DCDD

Achromatopsia

EAEAEA
D5D5D5
D5D5D5
E2E2E2

Shades & Tints Shades & Tints

#EBEBE3

Dark
Light

#D5D7CB

Dark
Light

#C0FF33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebebe3;
  --color-2: #d5d7cb;
  --color-3: #c0ff33;
  --color-4: #e0e5d5;
}

SCSS

$color-1: #ebebe3;
$color-2: #d5d7cb;
$color-3: #c0ff33;
$color-4: #e0e5d5;

TAILWIND

colors: {
  'brand-1': '#ebebe3',
  'brand-2': '#d5d7cb',
  'brand-3': '#c0ff33',
  'brand-4': '#e0e5d5',
}

RGB Array

[235, 235, 227], [213, 215, 203], [192, 255, 51], [224, 229, 213]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This minimal-style palette of #EBEBE3, #D5D7CB, #C0FF33, #E0E5D5 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ebebe3; --color-2: #d5d7cb; --color-3: #c0ff33; --color-4: #e0e5d5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 4-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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