logo
WGSN x Coloro
2021
#00A7BA

A.I. Aqua

A vivid turquoise-cyan that captures smart tech energy and future-forward optimism.

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX
#00A7BA
RGB
rgb(0, 167, 186)
CMYK
100, 10, 0, 27

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#004047
1
#007785
2
#00A7BA
3
#00D3EB
4
#29E9FF
5
Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#009961
1
#00B8A0
2
#00A7BA
3
#007AB8
4
#005CD6
5
Complementary Contrast

Opposites that add clarity and focus.

#00A7BA
1
#991000
2
#E01700
3
#06606B
4
#2AD6EA
5
Triadic Balance

Three evenly spaced hues for versatile layouts.

#00A7BA
1
#B800A5
2
#A5B800
3
#067C89
4
#0ADDF5
5
Split Complementary

Balanced contrast with two supporting accents.

#00A7BA
1
#B80049
2
#B86F00
3
#035963
4
#1BE1F8
5

Export tokens

Copy CSS variables or plug into Tailwind.

#00A7BA
CSS Variables
:root {
  --year-base: #00A7BA;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #007785;
  --year-accent-2: #00A7BA;
  --year-accent-3: #00D3EB;
  --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 #00A7BA

Ecommerce Hero

New Drop · #00A7BA-20%
Primary CTA
Secondary

Usage guidance

Summary

A vivid turquoise-cyan that captures smart tech energy and future-forward optimism.

Notes

Use for accents, buttons, and kinetic gradients; ground with charcoal, navy, or warm gray. Works well with sporty typography and motion.

Tips
  • Tag: tech
  • Tag: sport
  • Tag: ui

Resources to ship faster

Speed up screens with ready-made UI kits, icons, and design tokens.