Terracotta & Teal Color Palette

Warm terracotta and cool teal create a striking earth-meets-ocean contrast that feels both modern and timeless. This balanced duo works for bohemian interiors, travel branding, and artisan product lines.

#C1440E

Vivid Vermilion

RGB(193, 68, 14)

HSL(18, 86%, 41%)

#D4714A

Vermilion

RGB(212, 113, 74)

HSL(17, 62%, 56%)

#008080

Deep Cyan

RGB(0, 128, 128)

HSL(180, 100%, 25%)

#40B0B0

Cyan

RGB(64, 176, 176)

HSL(180, 47%, 47%)

#FFE8D6

Light Vermilion

RGB(255, 232, 214)

HSL(26, 100%, 92%)

#E0F2F2

Light Cyan

RGB(224, 242, 242)

HSL(180, 41%, 91%)

lightbulbBest Use Cases

  • checkBohemian interiors
  • checkTravel branding
  • checkArtisan products

businessIndustries

  • checkInterior Design
  • checkTravel
Mood:balanced

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #C1440E;
  --color-2: #D4714A;
  --color-3: #008080;
  --color-4: #40B0B0;
  --color-5: #FFE8D6;
  --color-6: #E0F2F2;
}

Tailwind CSS Config

colors: {
  'terracotta-and-teal-1': '#C1440E',
  'terracotta-and-teal-2': '#D4714A',
  'terracotta-and-teal-3': '#008080',
  'terracotta-and-teal-4': '#40B0B0',
  'terracotta-and-teal-5': '#FFE8D6',
  'terracotta-and-teal-6': '#E0F2F2',
}
terracottatealcontrastbohemianbalanced

Want to Extract Colors from Your Own Images?

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

Try PaletteAI Free

Related Palettes