Teal & Coral Color Palette

Cool teal and warm coral create a balanced, modern pairing that feels fresh and approachable. A popular duo for lifestyle brands, modern weddings, and health-focused product design.

#008080

Deep Cyan

RGB(0, 128, 128)

HSL(180, 100%, 25%)

#20A8A8

Cyan

RGB(32, 168, 168)

HSL(180, 68%, 39%)

#FF6F61

Pale Red

RGB(255, 111, 97)

HSL(5, 100%, 69%)

#FF8A7A

Pale Red

RGB(255, 138, 122)

HSL(7, 100%, 74%)

#E0F5F5

Light Cyan

RGB(224, 245, 245)

HSL(180, 51%, 92%)

#FFE8E5

Light Red

RGB(255, 232, 229)

HSL(7, 100%, 95%)

lightbulbBest Use Cases

  • checkLifestyle brands
  • checkModern weddings
  • checkHealth products

businessIndustries

  • checkWellness
  • checkFashion
Mood:approachable

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #008080;
  --color-2: #20A8A8;
  --color-3: #FF6F61;
  --color-4: #FF8A7A;
  --color-5: #E0F5F5;
  --color-6: #FFE8E5;
}

Tailwind CSS Config

colors: {
  'teal-and-coral-1': '#008080',
  'teal-and-coral-2': '#20A8A8',
  'teal-and-coral-3': '#FF6F61',
  'teal-and-coral-4': '#FF8A7A',
  'teal-and-coral-5': '#E0F5F5',
  'teal-and-coral-6': '#FFE8E5',
}
tealcoralbalancedmodernfresh

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes