← Back to Editor

#CECFA6 · #BDBAC6 · #DEDBD8 · #739218 · #BDDFF1

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#CECFA6

Fresh Green · Silver · Sunflower

HEX
#CECFA6
RGB
rgb(206, 207, 166)
HSL
hsl(61, 30%, 73%)
HSB
hsb(61, 20%, 81%)
CMYK
cmyk(0%, 0%, 20%, 19%)
Oklch
oklch(84.3% 0.055 108.7)

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

#BDBAC6

Wisteria · Silver · Cobalt Blue

HEX
#BDBAC6
RGB
rgb(189, 186, 198)
HSL
hsl(255, 10%, 75%)
HSB
hsb(255, 6%, 78%)
CMYK
cmyk(5%, 6%, 0%, 22%)
Oklch
oklch(79.5% 0.017 297.4)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#DEDBD8

Goose Yellow · LightGray · Cloud White

HEX
#DEDBD8
RGB
rgb(222, 219, 216)
HSL
hsl(30, 8%, 86%)
HSB
hsb(30, 3%, 87%)
CMYK
cmyk(0%, 1%, 3%, 13%)
Oklch
oklch(89.3% 0.005 67.8)

Traditional「Goose Yellow」· Paint「Cloud White」· Creative Silver Lining

#739218

Grass Green · Olive · Forest Green

HEX
#739218
RGB
rgb(115, 146, 24)
HSL
hsl(75, 72%, 33%)
HSB
hsb(75, 84%, 57%)
CMYK
cmyk(21%, 0%, 84%, 43%)
Oklch
oklch(61.4% 0.144 123.9)

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

#BDDFF1

Sky Blue · LightBlue · Sky Blue

HEX
#BDDFF1
RGB
rgb(189, 223, 241)
HSL
hsl(201, 65%, 84%)
HSB
hsb(201, 22%, 95%)
CMYK
cmyk(22%, 7%, 0%, 5%)
Oklch
oklch(88.5% 0.044 231.0)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CECFA6
A6A5CF

Analogous

CFBBA5
CECFA6
B9CFA5

Triadic

CECFA6
A5CECF
CFA5CE

Split-Comp.

CECFA6
A5B9CF
BBA5CF

Tetradic

CECFA6
A5CFBB
A6A5CF
CFA5B9

Contrast Matrix WCAG 2.1 Contrast

CECFA6
BDBAC6
DEDBD8
739218
BDDFF1
—
1.2
Fail
1.2
Fail
2.2
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
2.6
Fail
1.0
Fail
2.2
Fail
1.9
Fail
2.6
Fail
—
2.6
Fail
1.1
Fail
1.4
Fail
1.0
Fail
2.6
Fail
—
White BG
1.6Fail
1.9Fail
1.4Fail
3.6AA Large
1.4Fail
Black BG
13.1AAA
11.0AAA
15.2AAA
5.9AA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB0
BCBCC3
DDDDD9
808136
CCCCED

Deuteranopia

CECEB2
BCBCC2
DDDDD9
7F7C3D
CAC7EC

Tritanopia

CEB8B9
BDC1C0
DED9D9
754D52
BFE9E8

Achromatopsia

CACACA
BCBCBC
DCDCDC
7B7B7B
D7D7D7

Shades & Tints Shades & Tints

#CECFA6

Dark
Light

#BDBAC6

Dark
Light

#DEDBD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cecfa6;
  --color-2: #bdbac6;
  --color-3: #dedbd8;
  --color-4: #739218;
  --color-5: #bddff1;
}

SCSS

$color-1: #cecfa6;
$color-2: #bdbac6;
$color-3: #dedbd8;
$color-4: #739218;
$color-5: #bddff1;

TAILWIND

colors: {
  'brand-1': '#cecfa6',
  'brand-2': '#bdbac6',
  'brand-3': '#dedbd8',
  'brand-4': '#739218',
  'brand-5': '#bddff1',
}

RGB Array

[206, 207, 166], [189, 186, 198], [222, 219, 216], [115, 146, 24], [189, 223, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #CECFA6, #BDBAC6, #DEDBD8, #739218, #BDDFF1 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cecfa6; --color-2: #bdbac6; --color-3: #dedbd8; --color-4: #739218; --color-5: #bddff1. 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 nature-style 5-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