Cherry Red

Export tokens

:root {
  --text: #2B0A0E;
  --secondary: #7A0E1E;
  --accent: #B3121F;
  --primary: #E23B3B;
  --surface: #F58A8A;
}

$cherry-red-text: #2B0A0E;
$cherry-red-secondary: #7A0E1E;
$cherry-red-accent: #B3121F;
$cherry-red-primary: #E23B3B;
$cherry-red-surface: #F58A8A;

// tailwind.config.js — theme.extend.colors
colors: {
  'cherry-red': {
    'text': '#2B0A0E',
    'secondary': '#7A0E1E',
    'accent': '#B3121F',
    'primary': '#E23B3B',
    'surface': '#F58A8A',
  },
}

{
    "cherry-red": {
        "text": {
            "value": "#2B0A0E",
            "type": "color"
        },
        "secondary": {
            "value": "#7A0E1E",
            "type": "color"
        },
        "accent": {
            "value": "#B3121F",
            "type": "color"
        },
        "primary": {
            "value": "#E23B3B",
            "type": "color"
        },
        "surface": {
            "value": "#F58A8A",
            "type": "color"
        }
    }
}

{
    "text": "#2B0A0E",
    "secondary": "#7A0E1E",
    "accent": "#B3121F",
    "primary": "#E23B3B",
    "surface": "#F58A8A"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#2B0A0E
#7A0E1E
#B3121F
#E23B3B
#F58A8A

How the roles work