#F6AD76 + #C1AD7F + #BCB39A + #A6C6C2 + #BAD0B7 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6AD76

Apricot · LightSalmon · Warm Sun

HEX

#F6AD76

RGB

rgb(246, 173, 118)

HSL

hsl(26, 88%, 71%)

HSB

hsb(26, 52%, 96%)

CMYK

cmyk(0%, 30%, 52%, 4%)

Oklch

oklch(80.6% 0.111 57.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C1AD7F

Ginger · Tan · Sunflower

HEX

#C1AD7F

RGB

rgb(193, 173, 127)

HSL

hsl(42, 35%, 63%)

HSB

hsb(42, 34%, 76%)

CMYK

cmyk(0%, 10%, 34%, 24%)

Oklch

oklch(75.4% 0.066 87.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#BCB39A

Ginger · Tan · Sunflower

HEX

#BCB39A

RGB

rgb(188, 179, 154)

HSL

hsl(44, 20%, 67%)

HSB

hsb(44, 18%, 74%)

CMYK

cmyk(0%, 5%, 18%, 26%)

Oklch

oklch(76.7% 0.036 90.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A6C6C2

Jade · Silver · Lake Green

HEX

#A6C6C2

RGB

rgb(166, 198, 194)

HSL

hsl(172, 22%, 71%)

HSB

hsb(172, 16%, 78%)

CMYK

cmyk(16%, 0%, 2%, 22%)

Oklch

oklch(80.2% 0.035 187.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BAD0B7

Celadon · Silver · Apple Green

HEX

#BAD0B7

RGB

rgb(186, 208, 183)

HSL

hsl(113, 21%, 77%)

HSB

hsb(113, 12%, 82%)

CMYK

cmyk(11%, 0%, 12%, 18%)

Oklch

oklch(83.4% 0.042 141.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6AD76

74BEF6

Analogous

F6747D

F6AD76

F6ED74

Triadic

F6AD76

74F6AC

AC74F6

Split-Comp.

F6AD76

74F6ED

747DF6

Tetradic

F6AD76

7DF674

74BEF6

ED74F6

Contrast Matrix WCAG 2.1 Contrast

F6AD76	C1AD7F	BCB39A	A6C6C2	BAD0B7
—	1.2 Fail	1.1 Fail	1.0 Fail	1.1 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.0 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

1.9Fail

2.2Fail

2.1Fail

1.8Fail

1.6Fail

Black BG

11.2AAA

9.6AAA

10.1AAA

11.5AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D683

B8B88A

B8B8A0

B4B4C3

C4C4BD

Deuteranopia

DBE087

BABB8D

B9B9A2

B2B0C3

C2C1BF

Tritanopia

F28E90

C09395

BCA5A6

A8C4C4

BBC2C3

Achromatopsia

BDBDBD

AEAEAE

B3B3B3

BCBCBC

C7C7C7

Shades & Tints Shades & Tints

#F6AD76

Dark

Light

#C1AD7F

Dark

Light

#BCB39A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6ad76;
  --color-2: #c1ad7f;
  --color-3: #bcb39a;
  --color-4: #a6c6c2;
  --color-5: #bad0b7;
}

SCSS

$color-1: #f6ad76;
$color-2: #c1ad7f;
$color-3: #bcb39a;
$color-4: #a6c6c2;
$color-5: #bad0b7;

TAILWIND

colors: {
  'brand-1': '#f6ad76',
  'brand-2': '#c1ad7f',
  'brand-3': '#bcb39a',
  'brand-4': '#a6c6c2',
  'brand-5': '#bad0b7',
}

RGB Array

[246, 173, 118], [193, 173, 127], [188, 179, 154], [166, 198, 194], [186, 208, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F6AD76, #C1AD7F, #BCB39A, #A6C6C2, #BAD0B7 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: #f6ad76; --color-2: #c1ad7f; --color-3: #bcb39a; --color-4: #a6c6c2; --color-5: #bad0b7. 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