JNCPeople

Branding

💖 0 likes

Created Oct 5, 2023

5 colors

Color Palette Overview

303e48

B2A690

B85849

132E20

48312B

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#455a68 Tint -10%	#3b4c59 Tint -5%	303e48 Original	#27323a Shade +5%	#1d252b Shade +10%
#c7beae Tint -10%	#bcb29f Tint -5%	B2A690 Original	#a79a81 Shade +5%	#9d8e72 Shade +10%
#c6786c Tint -10%	#bf675a Tint -5%	B85849 Original	#a54e40 Shade +5%	#934539 Shade +10%
#22533a Tint -10%	#1b412d Tint -5%	132E20 Original	#0c1d14 Shade +5%	#040b08 Shade +10%
#69483f Tint -10%	#593d36 Tint -5%	48312B Original	#392722 Shade +5%	#291c19 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
303e48	RGB(48, 62, 72)	CMYK(33, 14, 0, 72)	Gray
B2A690	RGB(178, 166, 144)	CMYK(0, 7, 19, 30)	Gray
B85849	RGB(184, 88, 73)	CMYK(0, 52, 60, 28)	Black
132E20	RGB(19, 46, 32)	CMYK(59, 0, 30, 82)	Black
48312B	RGB(72, 49, 43)	CMYK(0, 32, 40, 72)	Black

Print Design Considerations

CMYK values for professional printing

303e48

C:33 M:14 Y:0 K:72

B2A690

C:0 M:7 Y:19 K:30

B85849

C:0 M:52 Y:60 K:28

132E20

C:59 M:0 Y:30 K:82

48312B

C:0 M:32 Y:40 K:72

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: 303e48;
  --color-2: B2A690;
  --color-3: B85849;
  --color-4: 132E20;
  --color-5: 48312B;
}

Text & Button Examples

See how text and buttons look on each color background

Gray 303e48

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 B2A690

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.

Black B85849

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.

Black 132E20

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.

Black 48312B

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.

Related Color Schemes

Discover more beautiful color combinations

JNCPeople

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