Color palette

Citrus Punch

bold · warm · orange, red, green

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: #F94144;
  --color-2: #F3722C;
  --color-3: #F8961E;
  --color-4: #F9C74F;
  --color-5: #90BE6D;
}

Tailwind

theme: {
  colors: {
    'c1': '#F94144',
    'c2': '#F3722C',
    'c3': '#F8961E',
    'c4': '#F9C74F',
    'c5': '#90BE6D',
  }
}

JSON

[
  "#F94144",
  "#F3722C",
  "#F8961E",
  "#F9C74F",
  "#90BE6D"
]

Related palettes

Sunset Coral

Desert Clay

Autumn Orchard

Golden Hour

Terracotta Soft

Ocean Deep