#F92E7B + #C9747C + #68987E + #069491 + #2F3C4B · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#F92E7B

Dark Violet · DeepPink · Rose Pink

HEX

#F92E7B

RGB

rgb(249, 46, 123)

HSL

hsl(337, 94%, 58%)

HSB

hsb(337, 82%, 98%)

CMYK

cmyk(0%, 82%, 51%, 2%)

Oklch

oklch(64.8% 0.237 5.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C9747C

Peach Pink · LightCoral · Coral Red

HEX

#C9747C

RGB

rgb(201, 116, 124)

HSL

hsl(354, 44%, 62%)

HSB

hsb(354, 42%, 79%)

CMYK

cmyk(0%, 42%, 38%, 21%)

Oklch

oklch(65.4% 0.107 14.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#68987E

Celadon · SlateGray · Olive Green

HEX

#68987E

RGB

rgb(104, 152, 126)

HSL

hsl(148, 19%, 50%)

HSB

hsb(148, 32%, 60%)

CMYK

cmyk(32%, 0%, 17%, 40%)

Oklch

oklch(63.8% 0.065 160.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#069491

Mineral Blue · Teal · Mint Ice

HEX

#069491

RGB

rgb(6, 148, 145)

HSL

hsl(179, 92%, 30%)

HSB

hsb(179, 96%, 58%)

CMYK

cmyk(96%, 0%, 2%, 42%)

Oklch

oklch(60.3% 0.103 192.2)

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

#2F3C4B

Indigo · DarkSlateGray · Prussian Blue

HEX

#2F3C4B

RGB

rgb(47, 60, 75)

HSL

hsl(212, 23%, 24%)

HSB

hsb(212, 37%, 29%)

CMYK

cmyk(37%, 20%, 0%, 71%)

Oklch

oklch(35.1% 0.031 252.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F92E7B

2FF9AB

Analogous

F92FE1

F92E7B

F9472F

Triadic

F92E7B

7CF92F

2F7CF9

Split-Comp.

F92E7B

2FF947

2FE1F9

Tetradic

F92E7B

E1F92F

2FF9AB

472FF9

Contrast Matrix WCAG 2.1 Contrast

F92E7B	C9747C	68987E	069491	2F3C4B
—	1.1 Fail	1.1 Fail	1.0 Fail	3.1 AA Large
1.1 Fail	—	1.0 Fail	1.1 Fail	3.4 AA Large
1.1 Fail	1.0 Fail	—	1.1 Fail	3.4 AA Large
1.0 Fail	1.1 Fail	1.1 Fail	—	3.0 AA Large
3.1 AA Large	3.4 AA Large	3.4 AA Large	3.0 AA Large	—

White BG

3.7AA Large

3.3AA Large

3.7AA Large

11.2AAA

Black BG

5.7AA

6.3AA

6.4AA

5.7AA

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A19F68

A4A37A

7D7D84

434592

353547

Deuteranopia

ADBC64

A9B07A

7A7686

3B3192

343347

Tritanopia

EF5A56

C57978

6A898A

0D9292

304544

Achromatopsia

737373

8E8E8E

878787

696969

3A3A3A

Shades & Tints Shades & Tints

#F92E7B

Dark

Light

#C9747C

Dark

Light

#68987E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f92e7b;
  --color-2: #c9747c;
  --color-3: #68987e;
  --color-4: #069491;
  --color-5: #2f3c4b;
}

SCSS

$color-1: #f92e7b;
$color-2: #c9747c;
$color-3: #68987e;
$color-4: #069491;
$color-5: #2f3c4b;

TAILWIND

colors: {
  'brand-1': '#f92e7b',
  'brand-2': '#c9747c',
  'brand-3': '#68987e',
  'brand-4': '#069491',
  'brand-5': '#2f3c4b',
}

RGB Array

[249, 46, 123], [201, 116, 124], [104, 152, 126], [6, 148, 145], [47, 60, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F92E7B, #C9747C, #68987E, #069491, #2F3C4B is ideal for: corporate websites, product showcases, portfolios. 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: #f92e7b; --color-2: #c9747c; --color-3: #68987e; --color-4: #069491; --color-5: #2f3c4b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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