by 1

💖 1 likes

Created Oct 24, 2023

6 colors

Color Palette Overview

F5F3EB

965A3E

D7CFC1

5C5C5C

6D655A

B3B4A8

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffffff Tint -10%	#fdfdfc Tint -5%	F5F3EB Original	#ece9da Shade +5%	#e4dec9 Shade +10%
#b87251 Tint -10%	#aa6546 Tint -5%	965A3E Original	#865037 Shade +5%	#74452f Shade +10%
#ebe7e0 Tint -10%	#e1dbd0 Tint -5%	D7CFC1 Original	#cdc3b1 Shade +5%	#c3b7a2 Shade +10%
#757575 Tint -10%	#696969 Tint -5%	5C5C5C Original	#4f4f4f Shade +5%	#424242 Shade +10%
#897f70 Tint -10%	#7b7265 Tint -5%	6D655A Original	#5f584e Shade +5%	#514b43 Shade +10%
#cacbc3 Tint -10%	#bebfb5 Tint -5%	B3B4A8 Original	#a6a79a Shade +5%	#9a9b8c Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
F5F3EB	RGB(245, 243, 235)	CMYK(0, 1, 4, 4)	White
965A3E	RGB(150, 90, 62)	CMYK(0, 40, 59, 41)	Brown
D7CFC1	RGB(215, 207, 193)	CMYK(0, 4, 10, 16)	Black
5C5C5C	RGB(92, 92, 92)	CMYK(0, 0, 0, 64)	Gray
6D655A	RGB(109, 101, 90)	CMYK(0, 7, 17, 57)	Gray
B3B4A8	RGB(179, 180, 168)	CMYK(1, 0, 7, 29)	Gray

Print Design Considerations

CMYK values for professional printing

F5F3EB

C:0 M:1 Y:4 K:4

965A3E

C:0 M:40 Y:59 K:41

D7CFC1

C:0 M:4 Y:10 K:16

5C5C5C

C:0 M:0 Y:0 K:64

6D655A

C:0 M:7 Y:17 K:57

B3B4A8

C:1 M:0 Y:7 K:29

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: F5F3EB;
  --color-2: 965A3E;
  --color-3: D7CFC1;
  --color-4: 5C5C5C;
  --color-5: 6D655A;
  --color-6: B3B4A8;
}

Text & Button Examples

See how text and buttons look on each color background

White F5F3EB

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.

Brown 965A3E

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Brown 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.

Black D7CFC1

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 5C5C5C

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.

Gray 6D655A

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.

Gray B3B4A8

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray 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

by 1

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

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:)