SOSPT

💖 0 likes

Created Mar 26, 2026

16 colors

Color Palette Overview

#47E6F0

#1399A6

#1BB8C4

#B1F2F6

#DDF7FA

#F3FCFD

#2F3A3D

#6B7280

#F5F5F4

#FAFAFA

#D71F48

#E85C78

#F6A1B2

#AFB42B

#C5CD4A

#DDE57B

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#76ecf4 Tint -10%	#5fe8f2 Tint -5%	#47E6F0 Original	#2fe1ee Shade +5%	#18deec Shade +10%
#19c3d2 Tint -10%	#16adbb Tint -5%	#1399A6 Original	#11838d Shade +5%	#0e6e77 Shade +10%
#31d7e3 Tint -10%	#1ecfdc Tint -5%	#1BB8C4 Original	#18a5af Shade +5%	#159099 Shade +10%
#dffafb Tint -10%	#c8f6f9 Tint -5%	#B1F2F6 Original	#9beff3 Shade +5%	#84ebf1 Shade +10%
#ffffff Tint -10%	#f2fcfd Tint -5%	#DDF7FA Original	#c5f1f6 Shade +5%	#afecf3 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	#F3FCFD Original	#dcf6f9 Shade +5%	#c6f1f5 Shade +10%
#455559 Tint -10%	#3a474b Tint -5%	#2F3A3D Original	#232c2e Shade +5%	#181e20 Shade +10%
#858b99 Tint -10%	#777e8d Tint -5%	#6B7280 Original	#5f6572 Shade +5%	#545964 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	#F5F5F4 Original	#e9e9e7 Shade +5%	#ddddda Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	#FAFAFA Original	#ededed Shade +5%	#e0e0e0 Shade +10%
#e44466 Tint -10%	#e12d54 Tint -5%	#D71F48 Original	#c01b3f Shade +5%	#aa1838 Shade +10%
#ee8b9f Tint -10%	#eb758c Tint -5%	#E85C78 Original	#e54867 Shade +5%	#e23255 Shade +10%
#fbd0d9 Tint -10%	#f8b9c6 Tint -5%	#F6A1B2 Original	#f48aa0 Shade +5%	#f2738c Shade +10%
#ccd142 Tint -10%	#c4c931 Tint -5%	#AFB42B Original	#9ca027 Shade +5%	#888c22 Shade +10%
#d2d973 Tint -10%	#cbd35f Tint -5%	#C5CD4A Original	#bec837 Shade +5%	#abb431 Shade +10%
#e7eda6 Tint -10%	#e2e990 Tint -5%	#DDE57B Original	#d6e166 Shade +5%	#d1dc50 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
#47E6F0	RGB(71, 230, 240)	CMYK(70, 4, 0, 6)	Cyan
#1399A6	RGB(19, 153, 166)	CMYK(89, 8, 0, 35)	Cyan
#1BB8C4	RGB(27, 184, 196)	CMYK(86, 6, 0, 23)	Cyan
#B1F2F6	RGB(177, 242, 246)	CMYK(28, 2, 0, 4)	Cyan
#DDF7FA	RGB(221, 247, 250)	CMYK(12, 1, 0, 2)	White
#F3FCFD	RGB(243, 252, 253)	CMYK(4, 0, 0, 1)	White
#2F3A3D	RGB(47, 58, 61)	CMYK(23, 5, 0, 76)	Gray
#6B7280	RGB(107, 114, 128)	CMYK(16, 11, 0, 50)	Gray
#F5F5F4	RGB(245, 245, 244)	CMYK(0, 0, 0, 4)	White
#FAFAFA	RGB(250, 250, 250)	CMYK(0, 0, 0, 2)	White
#D71F48	RGB(215, 31, 72)	CMYK(0, 86, 67, 16)	Pink
#E85C78	RGB(232, 92, 120)	CMYK(0, 60, 48, 9)	Pink
#F6A1B2	RGB(246, 161, 178)	CMYK(0, 35, 28, 4)	Pink
#AFB42B	RGB(175, 180, 43)	CMYK(3, 0, 76, 29)	Yellow
#C5CD4A	RGB(197, 205, 74)	CMYK(4, 0, 64, 20)	Yellow
#DDE57B	RGB(221, 229, 123)	CMYK(3, 0, 46, 10)	Yellow

Print Design Considerations

CMYK values for professional printing

#47E6F0

C:70 M:4 Y:0 K:6

#1399A6

C:89 M:8 Y:0 K:35

#1BB8C4

C:86 M:6 Y:0 K:23

#B1F2F6

C:28 M:2 Y:0 K:4

#DDF7FA

C:12 M:1 Y:0 K:2

#F3FCFD

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

#2F3A3D

C:23 M:5 Y:0 K:76

#6B7280

C:16 M:11 Y:0 K:50

#F5F5F4

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

#FAFAFA

C:0 M:0 Y:0 K:2

#D71F48

C:0 M:86 Y:67 K:16

#E85C78

C:0 M:60 Y:48 K:9

#F6A1B2

C:0 M:35 Y:28 K:4

#AFB42B

C:3 M:0 Y:76 K:29

#C5CD4A

C:4 M:0 Y:64 K:20

#DDE57B

C:3 M:0 Y:46 K:10

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: #47E6F0;
  --color-2: #1399A6;
  --color-3: #1BB8C4;
  --color-4: #B1F2F6;
  --color-5: #DDF7FA;
  --color-6: #F3FCFD;
  --color-7: #2F3A3D;
  --color-8: #6B7280;
  --color-9: #F5F5F4;
  --color-10: #FAFAFA;
  --color-11: #D71F48;
  --color-12: #E85C78;
  --color-13: #F6A1B2;
  --color-14: #AFB42B;
  --color-15: #C5CD4A;
  --color-16: #DDE57B;
}

Text & Button Examples

See how text and buttons look on each color background

Cyan #47E6F0

Heading Level 1

Heading Level 2

Heading Level 3

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

Cyan #1399A6

Heading Level 1

Heading Level 2

Heading Level 3

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

Cyan #1BB8C4

Heading Level 1

Heading Level 2

Heading Level 3

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

Cyan #B1F2F6

Heading Level 1

Heading Level 2

Heading Level 3

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

White #DDF7FA

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.

White #F3FCFD

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 #2F3A3D

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 #6B7280

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.

White #F5F5F4

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.

White #FAFAFA

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.

Pink #D71F48

Heading Level 1

Heading Level 2

Heading Level 3

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

Pink #E85C78

Heading Level 1

Heading Level 2

Heading Level 3

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

Pink #F6A1B2

Heading Level 1

Heading Level 2

Heading Level 3

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

Yellow #AFB42B

Heading Level 1

Heading Level 2

Heading Level 3

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

Yellow #C5CD4A

Heading Level 1

Heading Level 2

Heading Level 3

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

Yellow #DDE57B

Heading Level 1

Heading Level 2

Heading Level 3

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