#FF6B6B
#52D1C8
#FFD2DC
#FFDD72

True Spring Sky Spectrum

True Spring Sky Spectrum is a warm soft contrast palette built with red, mint, orange tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

Image Link Copy
#FF6B6B
Red
#52D1C8
Mint
#FFD2DC
Red
#FFDD72
Orange
MoodColor moodA palette built from its color balance.
ContrastSoft contrastHelps decide how to use text, buttons, and backgrounds.
Main tonesred, mint, orangeThe strongest color families in this palette.
Best fitDesign useUseful for web, brand, and social layouts.

Related Palettes

#FFFF79
#FFD2DC
#56D5CC
#FF8D08
Spring Beach Wave Colorway
Link CopyImage
#88F5A1
#5FD4A1
#54D1F8
#FFFBB8
Spring Fresh Story Colorway
Link CopyImage
#FFEDBC
#FFDEAD
#C9FFAC
#C0FAEE
Spring Bloom Palette Colorway
Link CopyImage
#FF0876
#FFC613
#428EFF
#0EDEA8
Spring Rust Mood Colorway
Link CopyImage
#FF8758
#FFBF0B
#78E808
#36CCBE
Spring Olive Horizon Colorway
Link CopyImage
#FFBF0B
#FFD96E
#FF8D08
#5ABF90
Spring Emerald Splash Colorway
Link CopyImage
#FFFFDA
#FFF3D4
#C7E5F8
#94C8F3
Spring Ruby Dream Colorway
Link CopyImage
#8CB981
#AAD393
#CFF2C3
#F0FDC5
Spring Frost Vista Colorway
Link CopyImage
#FDFC75
#FFCED8
#52D1C8
#FF8904
Spring Maple Glow Colorway
Link CopyImage
#84F19D
#5BD09D
#50CDF4
#FFF7B4
Spring Autumn Journal Colorway
Link CopyImage
#FFE9B8
#FFDAA9
#C5FFA8
#BCF6EA
Spring Winter Whisper Colorway
Link CopyImage
#FF0472
#FFC20F
#3E8AFF
#0ADAA4
Spring Spring Waltz Colorway
Link CopyImage

Use this palette for

Pairing tips

Background

Use #FFDD72 for soft sections, cards, or open space.

Text and headings

Use #52D1C8 or a deeper nearby shade for readable type.

Accent color

Use #FFD2DC for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #FF6B6B;
  --palette-color-2: #52D1C8;
  --palette-color-3: #FFD2DC;
  --palette-color-4: #FFDD72;
}

True Spring Sky Spectrum colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

SwatchClosest named colourMatchLuminanceHue
#FF6B6BSalmon44 RGB pts0.328
#52D1C8Medium Turquoise16 RGB pts0.516176°
#FFD2DCMisty Rose37 RGB pts0.725347°
#FFDD72Khaki53 RGB pts0.74246°

Contrast ratios (WCAG 2.1)

Colour pairRatioBody textLarge text
#FF6B6B on #FFDD722.09:1failfail
#FF6B6B on #FFD2DC2.05:1failfail
#FF6B6B on #52D1C81.49:1failfail
#52D1C8 on #FFDD721.40:1failfail
#52D1C8 on #FFD2DC1.37:1failfail
#FFD2DC on #FFDD721.02:1failfail

What this means in practice

FAQ

What type of palette is True Spring Sky Spectrum?

It is a warm soft contrast color palette with red, mint, orange tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.

Copied