A.I. Aqua

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

Generate palettes Visualize in mockups Back to 2021 overview

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

#007785

#00A7BA

#00D3EB

#29E9FF

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#009961

#00B8A0

#00A7BA

#007AB8

#005CD6

Complementary Contrast

Opposites that add clarity and focus.

#00A7BA

#991000

#E01700

#06606B

#2AD6EA

Triadic Balance

Three evenly spaced hues for versatile layouts.

#00A7BA

#B800A5

#A5B800

#067C89

#0ADDF5

Split Complementary

Balanced contrast with two supporting accents.

#00A7BA

#B80049

#B86F00

#035963

#1BE1F8

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)',
    },
  },
},