#F17B00
#F9CB60
#FD6969
#50CFC6

True Spring Emerald Temple

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

Image Link Copy
#F17B00
Orange
#F9CB60
Orange
#FD6969
Red
#50CFC6
Mint
MoodColor moodA palette built from its color balance.
ContrastSoft contrastHelps decide how to use text, buttons, and backgrounds.
Main tonesorange, red, mintThe 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 #50CFC6 for soft sections, cards, or open space.

Text and headings

Use #F9CB60 or a deeper nearby shade for readable type.

Accent color

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

CSS variables

:root {
  --palette-color-1: #F17B00;
  --palette-color-2: #F9CB60;
  --palette-color-3: #FD6969;
  --palette-color-4: #50CFC6;
}

True Spring Emerald Temple 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
#F17B00Dark Orange39 RGB pts0.32931°
#F9CB60Sandy Brown78 RGB pts0.63742°
#FD6969Terracotta49 RGB pts0.320
#50CFC6Medium Turquoise16 RGB pts0.504176°

Contrast ratios (WCAG 2.1)

Colour pairRatioBody textLarge text
#F9CB60 on #FD69691.86:1failfail
#F17B00 on #F9CB601.81:1failfail
#FD6969 on #50CFC61.50:1failfail
#F17B00 on #50CFC61.46:1failfail
#F9CB60 on #50CFC61.24:1failfail
#F17B00 on #FD69691.02:1failfail

What this means in practice

FAQ

What type of palette is True Spring Emerald Temple?

It is a warm soft contrast color palette with orange, red, mint 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