Cinnamon+Coriander

💖 2 likes

Created Feb 16, 2024

4 colors

Color Palette Overview

f8e6d9

9AA888

D09172

AEC3BB

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffffff Tint -10%	#fcf4ee Tint -5%	f8e6d9 Original	#f4d7c3 Shade +5%	#f0c9ad Shade +10%
#b4bfa6 Tint -10%	#a8b497 Tint -5%	9AA888 Original	#8f9f7a Shade +5%	#82946b Shade +10%
#ddaf98 Tint -10%	#d6a085 Tint -5%	D09172 Original	#c9825e Shade +5%	#c3734b Shade +10%
#cad8d3 Tint -10%	#bccdc6 Tint -5%	AEC3BB Original	#9eb7ae Shade +5%	#90ada1 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
f8e6d9	RGB(248, 230, 217)	CMYK(0, 7, 13, 3)	White
9AA888	RGB(154, 168, 136)	CMYK(8, 0, 19, 34)	Gray
D09172	RGB(208, 145, 114)	CMYK(0, 30, 45, 18)	Orange
AEC3BB	RGB(174, 195, 187)	CMYK(11, 0, 4, 24)	Gray

Print Design Considerations

CMYK values for professional printing

f8e6d9

C:0 M:7 Y:13 K:3

9AA888

C:8 M:0 Y:19 K:34

D09172

C:0 M:30 Y:45 K:18

AEC3BB

C:11 M:0 Y:4 K:24

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: f8e6d9;
  --color-2: 9AA888;
  --color-3: D09172;
  --color-4: AEC3BB;
}

Text & Button Examples

See how text and buttons look on each color background

White f8e6d9

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.

Gray 9AA888

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.

Orange D09172

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.

Gray AEC3BB

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

Cinnamon+Coriander

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)