Color palette

Tropical

bold · teal, green, red, orange

Contrast ratios are each swatch against its best of black/white text. AA = WCAG normal-text pass (≥ 4.5:1).

CSS variables

:root {
  --color-1: #06D6A0;
  --color-2: #1B9AAA;
  --color-3: #EF476F;
  --color-4: #FFC43D;
  --color-5: #118AB2;
}

Tailwind

theme: {
  colors: {
    'c1': '#06D6A0',
    'c2': '#1B9AAA',
    'c3': '#EF476F',
    'c4': '#FFC43D',
    'c5': '#118AB2',
  }
}

JSON

[
  "#06D6A0",
  "#1B9AAA",
  "#EF476F",
  "#FFC43D",
  "#118AB2"
]

Related palettes

Sunset Coral

Golden Hour

Ocean Deep

Sorbet

Electric Pop

Neon Night