☰
#FFEAB9
#D0FFFE
#FFFFFF
#FFF6C5

Opal Studio Frost

Opal Studio Frost is a warm soft contrast palette built with orange, teal, white, yellow tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

⬇ Image Link Copy
#FFEAB9
Orange
#D0FFFE
Teal
#FFFFFF
White
#FFF6C5
Yellow

A note on Opal Studio Frost

Opal Studio Frost gets its character from iridescence rather than saturation: the tones shift hue slightly as they get lighter. That subtlety is the point, and it disappears if you increase the contrast.

MoodColor moodA palette built from its color balance.
ContrastSoft contrastHelps decide how to use text, buttons, and backgrounds.
Main tonesorange, teal, whiteThe 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 Copy⬇ Image
#88F5A1
#5FD4A1
#54D1F8
#FFFBB8
Spring Fresh Story Colorway
Link Copy⬇ Image
#FFEDBC
#FFDEAD
#C9FFAC
#C0FAEE
Spring Bloom Palette Colorway
Link Copy⬇ Image
#FF0876
#FFC613
#428EFF
#0EDEA8
Spring Rust Mood Colorway
Link Copy⬇ Image
#FF8758
#FFBF0B
#78E808
#36CCBE
Spring Olive Horizon Colorway
Link Copy⬇ Image
#FFBF0B
#FFD96E
#FF8D08
#5ABF90
Spring Emerald Splash Colorway
Link Copy⬇ Image
#FFFFDA
#FFF3D4
#C7E5F8
#94C8F3
Spring Ruby Dream Colorway
Link Copy⬇ Image
#8CB981
#AAD393
#CFF2C3
#F0FDC5
Spring Frost Vista Colorway
Link Copy⬇ Image
#FDFC75
#FFCED8
#52D1C8
#FF8904
Spring Maple Glow Colorway
Link Copy⬇ Image
#84F19D
#5BD09D
#50CDF4
#FFF7B4
Spring Autumn Journal Colorway
Link Copy⬇ Image
#FFE9B8
#FFDAA9
#C5FFA8
#BCF6EA
Spring Winter Whisper Colorway
Link Copy⬇ Image
#FF0472
#FFC20F
#3E8AFF
#0ADAA4
Spring Spring Waltz Colorway
Link Copy⬇ Image

Use this palette for

Opal Studio website colorsOrange packaging ideaTeal mood boardWarm social graphicsSpring palettesLight Spring colors

Pairing tips

Background

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

Text and headings

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

Accent color

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

CSS variables

:root {
  --palette-color-1: #FFEAB9;
  --palette-color-2: #D0FFFE;
  --palette-color-3: #FFFFFF;
  --palette-color-4: #FFF6C5;
}

Opal Studio Frost 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
#FFEAB9Moccasin14 RGB pts0.83642°
#D0FFFELight Cyan23 RGB pts0.921179°
#FFFFFFWhite0 RGB pts1.0000°
#FFF6C5Lemon Chiffon16 RGB pts0.91251°

Contrast ratios (WCAG 2.1)

Colour pairRatioBody textLarge text
#FFEAB9 on #FFFFFF1.18:1failfail
#FFEAB9 on #D0FFFE1.10:1failfail
#FFFFFF on #FFF6C51.09:1failfail
#FFEAB9 on #FFF6C51.09:1failfail
#D0FFFE on #FFFFFF1.08:1failfail
#D0FFFE on #FFF6C51.01:1failfail

What this means in practice

FAQ

What type of palette is Opal Studio Frost?

It is a warm soft contrast color palette with orange, teal, white, yellow 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