#CBB9A1 + #FFDAB3 + #DBAB7B + #CD7B56 + #C94747 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBB9A1

Goose Yellow · Tan · Warm Sun

HEX

#CBB9A1

RGB

rgb(203, 185, 161)

HSL

hsl(34, 29%, 71%)

HSB

hsb(34, 21%, 80%)

CMYK

cmyk(0%, 9%, 21%, 20%)

Oklch

oklch(79.5% 0.039 75.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFDAB3

Goose Yellow · Wheat · Peach Orange

HEX

#FFDAB3

RGB

rgb(255, 218, 179)

HSL

hsl(31, 100%, 85%)

HSB

hsb(31, 30%, 100%)

CMYK

cmyk(0%, 15%, 30%, 0%)

Oklch

oklch(91.0% 0.066 68.3)

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

#DBAB7B

Ginger · BurlyWood · Warm Sun

HEX

#DBAB7B

RGB

rgb(219, 171, 123)

HSL

hsl(30, 57%, 67%)

HSB

hsb(30, 44%, 86%)

CMYK

cmyk(0%, 22%, 44%, 14%)

Oklch

oklch(77.4% 0.085 66.0)

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

#CD7B56

Tangerine · Coral · Warm Sun

HEX

#CD7B56

RGB

rgb(205, 123, 86)

HSL

hsl(19, 54%, 57%)

HSB

hsb(19, 58%, 80%)

CMYK

cmyk(0%, 40%, 58%, 20%)

Oklch

oklch(66.3% 0.115 44.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C94747

Crimson · Sienna · Passion Red

HEX

#C94747

RGB

rgb(201, 71, 71)

HSL

hsl(0, 55%, 53%)

HSB

hsb(0, 65%, 79%)

CMYK

cmyk(0%, 65%, 65%, 21%)

Oklch

oklch(57.8% 0.166 23.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB9A1

A0B2CA

Analogous

CAA2A0

CBB9A1

C8CAA0

Triadic

CBB9A1

A0CAB8

B8A0CA

Split-Comp.

CBB9A1

A0C8CA

A2A0CA

Tetradic

CBB9A1

A0CAA2

A0B2CA

CAA0C8

Contrast Matrix WCAG 2.1 Contrast

CBB9A1	FFDAB3	DBAB7B	CD7B56	C94747
—	1.4 Fail	1.1 Fail	1.7 Fail	2.5 Fail
1.4 Fail	—	1.6 Fail	2.4 Fail	3.6 AA Large
1.1 Fail	1.6 Fail	—	1.5 Fail	2.3 Fail
1.7 Fail	2.4 Fail	1.5 Fail	—	1.5 Fail
2.5 Fail	3.6 AA Large	2.3 Fail	1.5 Fail	—

White BG

1.9Fail

1.3Fail

2.1Fail

3.2AA Large

4.7AA

Black BG

11.0AAA

15.9AAA

10.1AAA

6.6AA

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3A7

EFEFBC

C6C687

A9A95F

919047

Deuteranopia

C4C6A8

F1F4BF

C9CD89

AEB461

98A247

Tritanopia

CAABAC

FDC4C6

D99092

C96668

C34747

Achromatopsia

BCBCBC

E1E1E1

B4B4B4

8F8F8F

6E6E6E

Shades & Tints Shades & Tints

#CBB9A1

Dark

Light

#FFDAB3

Dark

Light

#DBAB7B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb9a1;
  --color-2: #ffdab3;
  --color-3: #dbab7b;
  --color-4: #cd7b56;
  --color-5: #c94747;
}

SCSS

$color-1: #cbb9a1;
$color-2: #ffdab3;
$color-3: #dbab7b;
$color-4: #cd7b56;
$color-5: #c94747;

TAILWIND

colors: {
  'brand-1': '#cbb9a1',
  'brand-2': '#ffdab3',
  'brand-3': '#dbab7b',
  'brand-4': '#cd7b56',
  'brand-5': '#c94747',
}

RGB Array

[203, 185, 161], [255, 218, 179], [219, 171, 123], [205, 123, 86], [201, 71, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CBB9A1, #FFDAB3, #DBAB7B, #CD7B56, #C94747 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: #cbb9a1; --color-2: #ffdab3; --color-3: #dbab7b; --color-4: #cd7b56; --color-5: #c94747. 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