WGSN x Coloro

2024

#E99460

Apricot Crush

A sun-warmed apricot orange that balances energy with softness.

Generate palettes Visualize in mockups Back to 2024 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#E99460

RGB

rgb(233, 148, 96)

CMYK

0, 36, 59, 9

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#C15A1A

#E37735

#E99460

#F0B48F

#F7D8C5

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#E64755

#EA7662

#E99460

#EAB562

#EDDC7D

Complementary Contrast

Opposites that add clarity and focus.

#E99460

#47AAE6

#86C7EE

#D56E30

#EDCEBB

Triadic Balance

Three evenly spaced hues for versatile layouts.

#E99460

#62EA95

#9562EA

#DC7F47

#EEC1A5

Split Complementary

Balanced contrast with two supporting accents.

#E99460

#62EAD9

#6272EA

#D46825

#F2CCB5

Export tokens

Copy CSS variables or plug into Tailwind.

#E99460

CSS Variables

:root {
  --year-base: #E99460;
  --year-base-contrast: #1F2937;
  --year-accent-1: #E37735;
  --year-accent-2: #E99460;
  --year-accent-3: #F0B48F;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},

Scenario previews

See the color in UI, posters, and ecommerce layouts.

UI Dashboard

Poster / Social

Launch Campaign

Design with #E99460

Ecommerce Hero

New Drop · #E99460-20%

Primary CTA

Secondary

Usage guidance

Summary

A sun-warmed apricot orange that balances energy with softness.

Notes

Pair with sand, bone, or sage to keep it breathable; add charcoal for contrast. Works well on textiles, packaging, and social content that needs warmth without neon intensity.

Tips