WGSN x Coloro

2020

#A7DCA2

Neo Mint

A clean, oxygenated mint green that merges science, tech, and nature.

Generate palettes Visualize in mockups Back to 2020 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#A7DCA2

RGB

rgb(167, 220, 162)

CMYK

24, 0, 26, 14

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#5BBD51

#85CE7E

#A7DCA2

#CBEAC8

#E3F4E1

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#B4D48C

#B5DCA3

#A7DCA2

#A3DCAB

#B9E4C9

Complementary Contrast

Opposites that add clarity and focus.

#A7DCA2

#CD8CD4

#E4C0E7

#7FBE79

#E6F0E5

Triadic Balance

Three evenly spaced hues for versatile layouts.

#A7DCA2

#A3A8DC

#DCA3A8

#91CA8C

#DAEDD9

Split Complementary

Balanced contrast with two supporting accents.

#A7DCA2

#BAA3DC

#DCA3C4

#75BF6E

#E4F3E3

Export tokens

Copy CSS variables or plug into Tailwind.

#A7DCA2

CSS Variables

:root {
  --year-base: #A7DCA2;
  --year-base-contrast: #1F2937;
  --year-accent-1: #85CE7E;
  --year-accent-2: #A7DCA2;
  --year-accent-3: #CBEAC8;
  --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 #A7DCA2

Ecommerce Hero

New Drop · #A7DCA2-20%

Primary CTA

Secondary

Usage guidance

Summary

A clean, oxygenated mint green that merges science, tech, and nature.

Notes

Pair with white, silver, or soft gray for a clinical-fresh feel; add coral or navy accents for contrast. Works in UI backgrounds, activewear, and beauty packaging.

Tips