WGSN x Coloro

2022

#A0346C

Orchid Flower

A vibrant orchid magenta with a spirited, expressive tone.

Generate palettes Visualize in mockups Back to 2022 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#A0346C

RGB

rgb(160, 52, 108)

CMYK

0, 68, 32, 37

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#4D1934

#7B2853

#A0346C

#C34687

#D274A5

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#8B2D89

#A23487

#A0346C

#A23454

#B93C42

Complementary Contrast

Opposites that add clarity and focus.

#A0346C

#2D8B5A

#3EC17D

#652A48

#BB779A

Triadic Balance

Three evenly spaced hues for versatile layouts.

#A0346C

#6DA234

#346DA2

#7C3158

#BF5F91

Split Complementary

Balanced contrast with two supporting accents.

#A0346C

#37A234

#34A2A0

#602443

#C76B9B

Export tokens

Copy CSS variables or plug into Tailwind.

#A0346C

CSS Variables

:root {
  --year-base: #A0346C;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #7B2853;
  --year-accent-2: #A0346C;
  --year-accent-3: #C34687;
  --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 #A0346C

Ecommerce Hero

New Drop · #A0346C-20%

Primary CTA

Secondary

Usage guidance

Summary

A vibrant orchid magenta with a spirited, expressive tone.

Notes

Anchor with charcoal or soft lilac; add gold foil or soft coral for premium contrast. In UI, use as an accent or gradient anchor and keep typography dark for readability.

Tips