What HEX colors are in the Olive Echo Dream palette?

The Olive Echo Dream palette uses #0F2F27, #21594C, #DDAE2C, #F3E5CD. Its highest-contrast pair is 11.61:1.

Is the Olive Echo Dream palette accessible for text?

Use #0F2F27 on #21594C for the strongest contrast. Always check the WCAG ratio before setting body copy.

#0F2F27

#21594C

#DDAE2C

#F3E5CD

Olive Echo Dream

Olive Echo Dream is a balanced warm and cool high contrast palette built with black, mint, orange tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

0⬇ Image Link Copy

#0F2F27

Black

#21594C

Mint

#DDAE2C

Orange

#F3E5CD

Orange

MoodPolished moodPremium, refined, and suited for strong visual presence.

ContrastHigh contrastHelps decide how to use text, buttons, and backgrounds.

Main tonesblack, mint, orangeThe strongest color families in this palette.

Best fitPremium brandsFashion, product, and editorial design.

Related Palettes

Peony Mirage Daybreak

0 Link Copy⬇ Image

Velvet Pulse Daybreak

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Citrine Flare Palette

0 Link Copy⬇ Image

Copper Waltz Fountain

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Coral Breeze Collection

0 Link Copy⬇ Image

0 Link Copy⬇ Image

0 Link Copy⬇ Image

Aster Nest Collection

1 Link Copy⬇ Image

Use this palette for

Olive Echo accent system Black invitation style Mint fashion board Balanced warm and cool hotel palette Luxury palettes Cool Olive Echo tones

Pairing tips

Background

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

Text and headings

Use #21594C or a deeper nearby shade for readable type.

Accent color

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

CSS variables

:root {
  --palette-color-1: #0F2F27;
  --palette-color-2: #21594C;
  --palette-color-3: #DDAE2C;
  --palette-color-4: #F3E5CD;
}

Olive Echo Dream 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

Swatch	Closest named colour	Match	Luminance	Hue
#0F2F27	Ink	48 RGB pts	0.023	165°
#21594C	Dark Slate Gray	29 RGB pts	0.080	166°
#DDAE2C	Golden Rod	28 RGB pts	0.458	44°
#F3E5CD	Blanched Almond	21 RGB pts	0.795	38°

Contrast ratios (WCAG 2.1)

Colour pair	Ratio	Body text	Large text
#0F2F27 on #F3E5CD	11.61:1	AAA	AAA
#0F2F27 on #DDAE2C	6.98:1	AA	AAA
#21594C on #F3E5CD	6.51:1	AA	AAA
#21594C on #DDAE2C	3.91:1	fail	AA
#0F2F27 on #21594C	1.78:1	fail	fail
#DDAE2C on #F3E5CD	1.66:1	fail	fail

What this means in practice

Highest contrast: #0F2F27 against #F3E5CD at 11.61:1 — the safest pair here for body copy.
Lowest contrast: #DDAE2C against #F3E5CD at 1.66:1 — decorative use only, it does not meet WCAG AA for text.
Darkest colour: #0F2F27 (Ink, luminance 0.023) — the natural choice for headings.
Lightest colour: #F3E5CD (Blanched Almond, luminance 0.795) — best used for backgrounds.
Hue spread: 128° across 4 of 4 colours, which makes this a broad multicolour palette.
Text recommendation: set type in #0F2F27 on a #F3E5CD background, and reserve #DDAE2C for borders, icons or accents.

FAQ

What type of palette is Olive Echo Dream?

It is a balanced warm and cool high contrast color palette with black, 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.