Jeu

💖 1 likes

Created Nov 2, 2023

5 colors

Color Palette Overview

528057

F0EDE8

9CBE6B

52514E

EDCC80

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#679e6d Tint -10%	#5b8f62 Tint -5%	528057 Original	#48704c Shade +5%	#3e6042 Shade +10%
#ffffff Tint -10%	#fbfaf9 Tint -5%	F0EDE8 Original	#e7e2da Shade +5%	#ddd6cb Shade +10%
#b3cd8e Tint -10%	#a7c57c Tint -5%	9CBE6B Original	#8fb658 Shade +5%	#82aa4b Shade +10%
#6c6a65 Tint -10%	#5f5d59 Tint -5%	52514E Original	#444340 Shade +5%	#373634 Shade +10%
#f4dfaf Tint -10%	#f0d698 Tint -5%	EDCC80 Original	#eac46c Shade +5%	#e7bb55 Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
528057	RGB(82, 128, 87)	CMYK(36, 0, 32, 50)	Black
F0EDE8	RGB(240, 237, 232)	CMYK(0, 1, 3, 6)	White
9CBE6B	RGB(156, 190, 107)	CMYK(18, 0, 44, 25)	Black
52514E	RGB(82, 81, 78)	CMYK(0, 1, 5, 68)	Gray
EDCC80	RGB(237, 204, 128)	CMYK(0, 14, 46, 7)	Orange

Print Design Considerations

CMYK values for professional printing

528057

C:36 M:0 Y:32 K:50

F0EDE8

C:0 M:1 Y:3 K:6

9CBE6B

C:18 M:0 Y:44 K:25

52514E

C:0 M:1 Y:5 K:68

EDCC80

C:0 M:14 Y:46 K:7

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: 528057;
  --color-2: F0EDE8;
  --color-3: 9CBE6B;
  --color-4: 52514E;
  --color-5: EDCC80;
}

Text & Button Examples

See how text and buttons look on each color background

Black 528057

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

White F0EDE8

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Black 9CBE6B

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Gray 52514E

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Orange EDCC80

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

Jeu

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)