← Back to Editor

#030400 · #D9E3CB · #EBF0DA · #F7F6E5 · #FFF5E4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#030400

Grass Green · Black · Dark Green

HEX
#030400
RGB
rgb(3, 4, 0)
HSL
hsl(75, 100%, 1%)
HSB
hsb(75, 100%, 2%)
CMYK
cmyk(25%, 0%, 100%, 98%)
Oklch
oklch(10.1% 0.023 118.1)

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

#D9E3CB

Willow Green · LightGray · Mint Green

HEX
#D9E3CB
RGB
rgb(217, 227, 203)
HSL
hsl(85, 30%, 84%)
HSB
hsb(85, 11%, 89%)
CMYK
cmyk(4%, 0%, 11%, 11%)
Oklch
oklch(90.2% 0.034 125.6)

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

#EBF0DA

Willow Green · Beige · Mint Green

HEX
#EBF0DA
RGB
rgb(235, 240, 218)
HSL
hsl(74, 42%, 90%)
HSB
hsb(74, 9%, 94%)
CMYK
cmyk(2%, 0%, 9%, 6%)
Oklch
oklch(94.5% 0.030 117.4)

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

#F7F6E5

Fresh Green · Linen · Lemon Cream

HEX
#F7F6E5
RGB
rgb(247, 246, 229)
HSL
hsl(57, 53%, 93%)
HSB
hsb(57, 7%, 97%)
CMYK
cmyk(0%, 0%, 7%, 3%)
Oklch
oklch(96.9% 0.022 104.1)

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

#FFF5E4

Goose Yellow · Linen · Peach Orange

HEX
#FFF5E4
RGB
rgb(255, 245, 228)
HSL
hsl(38, 100%, 95%)
HSB
hsb(38, 11%, 100%)
CMYK
cmyk(0%, 4%, 11%, 0%)
Oklch
oklch(97.3% 0.025 81.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

030400
010005

Analogous

050400
030400
010500

Triadic

030400
000405
050004

Split-Comp.

030400
000105
040005

Tetradic

030400
000504
010005
050001

Contrast Matrix WCAG 2.1 Contrast

030400
D9E3CB
EBF0DA
F7F6E5
FFF5E4
—
15.5
AAA
17.6
AAA
18.9
AAA
19.0
AAA
15.5
AAA
—
1.1
Fail
1.2
Fail
1.2
Fail
17.6
AAA
1.1
Fail
—
1.1
Fail
1.1
Fail
18.9
AAA
1.2
Fail
1.1
Fail
—
1.0
Fail
19.0
AAA
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
20.6AAA
1.3Fail
1.2Fail
1.1Fail
1.1Fail
Black BG
1.0Fail
15.8AAA
18.0AAA
19.3AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

030301
DDDDD1
EDEDDF
F7F7E9
FBFBE8

Deuteranopia

030301
DDDCD2
EDEDE1
F7F7EA
FBFCE9

Tritanopia

030202
D9D5D6
EBE4E4
F7ECED
FFEBEC

Achromatopsia

030303
DDDDDD
ECECEC
F4F4F4
F6F6F6

Shades & Tints Shades & Tints

#030400

Dark
Light

#D9E3CB

Dark
Light

#EBF0DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #030400;
  --color-2: #d9e3cb;
  --color-3: #ebf0da;
  --color-4: #f7f6e5;
  --color-5: #fff5e4;
}

SCSS

$color-1: #030400;
$color-2: #d9e3cb;
$color-3: #ebf0da;
$color-4: #f7f6e5;
$color-5: #fff5e4;

TAILWIND

colors: {
  'brand-1': '#030400',
  'brand-2': '#d9e3cb',
  'brand-3': '#ebf0da',
  'brand-4': '#f7f6e5',
  'brand-5': '#fff5e4',
}

RGB Array

[3, 4, 0], [217, 227, 203], [235, 240, 218], [247, 246, 229], [255, 245, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #030400, #D9E3CB, #EBF0DA, #F7F6E5, #FFF5E4 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #030400; --color-2: #d9e3cb; --color-3: #ebf0da; --color-4: #f7f6e5; --color-5: #fff5e4. 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. 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