#DBCF93 + #EBEDA4 + #C2E9A6 + #72CF9A + #3DBE98 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBCF93

Fresh Green · BurlyWood · Sunflower

HEX

#DBCF93

RGB

rgb(219, 207, 147)

HSL

hsl(50, 50%, 72%)

HSB

hsb(50, 33%, 86%)

CMYK

cmyk(0%, 5%, 33%, 14%)

Oklch

oklch(85.0% 0.079 98.2)

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

#EBEDA4

Fresh Green · Wheat · Lemon Cream

HEX

#EBEDA4

RGB

rgb(235, 237, 164)

HSL

hsl(62, 67%, 79%)

HSB

hsb(62, 31%, 93%)

CMYK

cmyk(1%, 0%, 31%, 7%)

Oklch

oklch(92.8% 0.093 109.4)

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

#C2E9A6

Emerald · Silver · Apple Green

HEX

#C2E9A6

RGB

rgb(194, 233, 166)

HSL

hsl(95, 60%, 78%)

HSB

hsb(95, 29%, 91%)

CMYK

cmyk(17%, 0%, 29%, 9%)

Oklch

oklch(89.0% 0.098 132.7)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#72CF9A

Celadon · MediumAquaMarine · Apple Green

HEX

#72CF9A

RGB

rgb(114, 207, 154)

HSL

hsl(146, 49%, 63%)

HSB

hsb(146, 45%, 81%)

CMYK

cmyk(45%, 0%, 26%, 19%)

Oklch

oklch(78.3% 0.118 157.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#3DBE98

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#3DBE98

RGB

rgb(61, 190, 152)

HSL

hsl(162, 51%, 49%)

HSB

hsb(162, 68%, 75%)

CMYK

cmyk(68%, 0%, 20%, 25%)

Oklch

oklch(72.2% 0.125 169.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCF93

94A0DB

Analogous

DBAC94

DBCF93

C3DB94

Triadic

DBCF93

94DBCF

CF94DB

Split-Comp.

DBCF93

94C3DB

AC94DB

Tetradic

DBCF93

94DBAC

94A0DB

DB94C4

Contrast Matrix WCAG 2.1 Contrast

DBCF93	EBEDA4	C2E9A6	72CF9A	3DBE98
—	1.3 Fail	1.2 Fail	1.2 Fail	1.5 Fail
1.3 Fail	—	1.1 Fail	1.5 Fail	1.9 Fail
1.2 Fail	1.1 Fail	—	1.4 Fail	1.7 Fail
1.2 Fail	1.5 Fail	1.4 Fail	—	1.2 Fail
1.5 Fail	1.9 Fail	1.7 Fail	1.2 Fail	—

White BG

1.6Fail

1.2Fail

1.4Fail

1.9Fail

2.3Fail

Black BG

13.4AAA

17.2AAA

15.5AAA

11.1AAA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6A2

ECECB6

D3D3B6

9A9BA7

7576A1

Deuteranopia

D7D7A5

ECECBA

D1CEBA

958EAA

6D64A3

Tritanopia

DAADB0

EBC4C7

C4C3C6

77B1B3

43A8AA

Achromatopsia

CCCCCC

E4E4E4

D6D6D6

ADADAD

939393

Shades & Tints Shades & Tints

#DBCF93

Dark

Light

#EBEDA4

Dark

Light

#C2E9A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbcf93;
  --color-2: #ebeda4;
  --color-3: #c2e9a6;
  --color-4: #72cf9a;
  --color-5: #3dbe98;
}

SCSS

$color-1: #dbcf93;
$color-2: #ebeda4;
$color-3: #c2e9a6;
$color-4: #72cf9a;
$color-5: #3dbe98;

TAILWIND

colors: {
  'brand-1': '#dbcf93',
  'brand-2': '#ebeda4',
  'brand-3': '#c2e9a6',
  'brand-4': '#72cf9a',
  'brand-5': '#3dbe98',
}

RGB Array

[219, 207, 147], [235, 237, 164], [194, 233, 166], [114, 207, 154], [61, 190, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DBCF93, #EBEDA4, #C2E9A6, #72CF9A, #3DBE98 is ideal for: health products, baby brands, fresh-style blogs. 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: #dbcf93; --color-2: #ebeda4; --color-3: #c2e9a6; --color-4: #72cf9a; --color-5: #3dbe98. 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 sea-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